포럼
jsdelivr에 나눔 웹폰트 전부 등록해 두었습니다.
2014.06.18 03:21
jsdelivr.net CDN 에 나눔폰트 시리즈 등록했습니다.
jsdelivr 는 서울에 edge 서버가 있어, 구글CDN보다 훨씬 쾌적하고 빠르게 접속됩니다.
간단하게 ping만 때려보아도, jsdelivr는 2ms, 구글 CDN은 80~100ms 정도가 나옵니다.
주소는 : http://www.jsdelivr.com/ 에서 font-nanum 으로 검색하시면 됩니다.
Google CDN과의 호환성을 위해 디렉토리 구조와 Font-family는 그대로 구글CDN과 동일하게 해 두었습니다.
다만 구글CDN에 없는 나눔바른고딕을 추가하고, 나눔고딕에는 light font를 추가하였습니다.
- 폰트 -
나눔고딕 : //cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css
나눔바른고딕 : //cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css
나눔고딕(코딩) : //cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css
나눔명조 //cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css
나눔펜(손글씨) //cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css
나눔브러시(손글씨) : //cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css
사용방법 : Google font cdn과 동일함. CSS파일에 @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
jsdelivr 소개 : http://www.xpressengine.com/forum/22768131
무언가 잘못된 부분이 있거나, 하면, http://github.com/jsdelivr/jsdelivr 에 직접 pull request 하시거나 저한테 알려주세요.
댓글 11
-
socialskyo
2014.06.18 12:22
-
AJKJ
2014.06.18 21:55
src 부분만
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot);
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
으로 바꾸면 될것 같아요.. eot만 사용하시면 ie에서만 작동하고 나머지에서는 작동하지 않을것이에요.
-
socialskyo
2014.06.18 22:53
와 덕분에 감사 드립니다. 잘 적용했습니다.
-
teguh100
2014.06.18 20:57
-
draw1098
2014.06.19 03:06
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);@font-face{font-family:NG;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot);src:local(※),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('woff')}
이리 하면 되나요?
1개만 입력하면 되나? 흠..
-
AJKJ
2014.06.19 03:58
이미 구글CDN을 활용하여 나눔 폰트를 사용하셨다면
@import url 에서 주소만 //cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css 으로 바꾸시면 되고요.
기존에 자체서버에서 사용하셨다면(즉, 레이아웃 내부에 폰트등이 내장)되어 있다면
src 부분만
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot);
src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
으로 치환하시면 될것 같습니다.
-
CTN
2014.06.22 01:07
감사합니다. 한번 적용해 보겠습니다.
-
AJKJ
2014.06.22 02:05
참고로 최초접속시에는 느릴 수 있습니다. Seoul edge에 캐싱이 되어 있지 않은 파일을 요청시, CDN의 origin 서버가 해외에 있어서 orgin에서 Seoul edge로 파일을 가져오느라 시간이 조금 걸려서 그렇습니다.
그러나 본인에 의해서든, 타인에 의해서든 Seoul edge에 캐싱에 되고 나면(한번 이상 접속하면) 두번째 접속부터는 매우 빠르게 이용이 가능합니다.
-
Azwie
2014.10.09 21:02
폰트 너무 감사해요~
다름이 아니라 나눔바른고딕 파일이 용량이 4mb 나되서 로딩해오는데 많이 걸리더라구요
나눔고딕같이 경량화좀 해주시면 안될까요? ㅜㅠ
-
AJKJ
2014.10.10 04:16
나눔바른고딕 자체가 나눔고딕보다 많이 무거운것 같습니다. 추가적인 경량화는 어렵습니다. 참고로 ttf파일과 eot파일은 gzip되서 날라와서 실제 전송량는 50%정도 이며, 나머지 파일은 자체적으로 압축되어 있습니다.
-
socialskyo
2014.12.30 23:47
혹시 jeju gothic 도 가능 할까요?
http://deminoth.github.io/google-font-kor/
구글 너무 느려요 T.T 감사합니다.
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| 죽방망이 | 사이트맵 이거 쓰시는분~ | |
| lord | 한글도메인을 사용중인데...요청합니다. [12] | 2014.12.31 by 알피레이드 |
| AJKJ | jsdelivr에 나눔 웹폰트 전부 등록해 두었습니다. [11] | 2014.12.30 by socialskyo |
| DingGGu | 모듈 개발 시에 레이아웃 적용 [4] | 2014.12.30 by DingGGu |
| 꾸링 | 1.7.8 통합검색 첨부파일 mp3*오디오확장명 일경우 문제점 | |
| BJ람보 | 프로파일러 개발 이야기 [8] | 2014.12.30 by BJ람보 |
| GG | XE를 가지고 api 서비스를 처음 만들어 보았네요. [2] | 2014.12.30 by 에비뉴 |
| 엔돌핀아솟아라 |
한글도메인, 로그인 글쓰기 오류
[4]
 | 2014.12.29 by 키스투엑스이 |
| 정도길 | 사이트 중 J쿼리관련 자료 판매하는 곳이 있는데요? | |
| 가을풍경 |
php 5.6에서 memcache 설정에 관하여
| |
| 해운대살고싶다 |
xe에도 이런실시간위치확인이..
[2]
| 2014.12.28 by 몽실아빠 |
| 꾸링 | 1.4.5.X -> 1.7.8 주소 사용 불가 문제 [2] | 2014.12.27 by 꾸링 |
| XE만세 | 기본 URL 설정이 안되어 있습니다. 뜨시는 분 계신지요? [10] | 2014.12.26 by HSJI |
| 가을풍경 | 구글 음성인식 기술(Web Speech API)을 에디터 컴포넌트로 !! [1] | 2014.12.22 by 키스투엑스이 |
| 메테워 | XE마켓 먹튀당했네요.. [9] | 2014.12.22 by LAB_ |
| BJ람보 | 출석부와 알림센터가 새롭게 바뀔예정입니다. [15] | 2014.12.22 by LAB_ |
| 에비뉴 | 공개 SW 개발자 대회 대상에 XPUSH 팀 [2] | 2014.12.21 by 톡플러스 |
| DoS™ | SSL 설치 후 로그인시 패킷 암호화 이상 [6] | 2014.12.20 by DoS™ |
| 가을풍경 |
개인웹서버운영시 용량과 속도를 동시에 잡는법
| |
| TabsTips | 스팸 게시물이 구글 검색에 남아서 트래픽을 유발하네요.. [3] | 2014.12.20 by TabsTips |
저는 레이아웃의 css를 뜻어 보니 import@ 이렇게 되어 있지 않고
@font-face {
font-family: ng;
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
}
이런식으로 입력되어 있습니다. 그리고 최종 파일이 .eot로 바로 되고요. 그냥 이거 지우고 위 내용 복사해서 사용하면 될까요?