나만 그런가요? 만든사이트 나눔고딕폰트가 다 해제되서 보이는건요. 정보
나만 그런가요? 만든사이트 나눔고딕폰트가 다 해제되서 보이는건요.
본문
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
구글 나눔고딕폰트 CDN으로 불러 쓰는데...
최근에 자꾸 사이트가 깨진다는 클라이언트들이 전화가 자꾸와서 왜 그러나 봤더니...
나눔고딕으로 안나오고 그냥 돋움으로 나오는 현상 때문에 레이아웃이 깨져보이더라구요.
제 로컬PC에 나눔고딕폰트가 깔려있어서 한참 왜그러나 찾다가,
혹시나 싶어서 PC에 나눔폰트 삭제하고, 익스로 봤더니 돋움으로 나오더군요.
크롬은 나눔고딕 폰트로 잘 보이는데, 역시 익스에서만 돋움으로 나오는 현상이에요.
그래서 다른 CDN으로 대체해 주고 있는데... 혹시 나만이런가요?
웹사이트 제작시 나눔고딕 쓸때에 대부분 구글CDN 쓰실것 같은데 저같은 사례 겪으신분 없나요???
추천
1
1
댓글 7개
저는 나눔고딕 폰트 자체를 계정에 올려서 사용해요. 용량 그리 크지 않아서 불편한것도 없더라고요.
@몰라용 아하 그렇군요. 트래픽이 좀 있는 사이트들은 폰트파일도 무시 못해서... CDN 쓰는데...
정말 그래야 될것 같네요 ㅠㅠ
정말 그래야 될것 같네요 ㅠㅠ
아무래도 구글 나눔폰트 CDN 에서 최근에 eot파일을 배제해서 IE에서는 안나오게 된것 같네요.
분명히 납품할때 깨지지 않고 몇개월 운영하다가 최근에 사이트 이상하다고 몇군데서 연락 오는거 보니깐요....
아래 소스 열어 보니깐 역시 eot파일이 없어요.
분명히 납품할때 깨지지 않고 몇개월 운영하다가 최근에 사이트 이상하다고 몇군데서 연락 오는거 보니깐요....
아래 소스 열어 보니깐 역시 eot파일이 없어요.
구글외에 한국서버로 추가 지정해서 사용하고 있습니다^^
나눔 폰트종류 거의다 가능하지만, 자주쓰는것만 사용하고 나머지는 주석
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); /* 나눔고딕 : 한국서버 빠름*/
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); /* 나눔바른고딕 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css); 나눔고딕코딩 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css); 나눔명조 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css); 나눔펜 손글씨 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css); 나눔브러쉬 손글씨 : 한국서버 빠름*/
나눔 폰트종류 거의다 가능하지만, 자주쓰는것만 사용하고 나머지는 주석
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); /* 나눔고딕 : 한국서버 빠름*/
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); /* 나눔바른고딕 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css); 나눔고딕코딩 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css); 나눔명조 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css); 나눔펜 손글씨 : 한국서버 빠름*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css); 나눔브러쉬 손글씨 : 한국서버 빠름*/
@쥐치포 오 좋은정보 감사합니다. ^^
나눔고딕 많이들 쓰시네요 ^^ 저도 같은현상 ㅜ.ㅜ
폰트표시하는 방법을 빼먹었습니다.
실제로 사용 테스트해보실 분들은 위의 CSS를 임포트해서 폰트지정할때 아래의 방법으로 기재하시면 됩니다.
나눔폰트에 대한 표시방식만 지켜주면 되고, 추가로 폰트는 더 지정해주셔도 됩니다.
'Nanum Gothic', sans-serif; 이렇게 되어 있지만, 'Nanum Gothic', 다음에 대체할폰트를
돋움이나 맑음체,Arial 등 원하시는 대로 추가하시면 됩니다^^
/*********************************************************
▦▦ 한국서버의 나눔체웹 폰트불러오기로 폰트설정할때 ▦▦
---------------------------------------------------------
font-family: 'Nanum Gothic', sans-serif; /*나눔고딕*/
font-family: 'Nanum Barun Gothic', sans-serif; /*나눔바른고딕*/
font-family: 'Nanum Myeongjo', serif; /*나눔명조*/
font-family: 'Nanum Pen Script', cursive; /*나눔펜 손글씨*/
font-family: 'Nanum Brush Script', cursive; /*나눔브러쉬 손글씨*/
---------------------------------------------------------
실제로 사용 테스트해보실 분들은 위의 CSS를 임포트해서 폰트지정할때 아래의 방법으로 기재하시면 됩니다.
나눔폰트에 대한 표시방식만 지켜주면 되고, 추가로 폰트는 더 지정해주셔도 됩니다.
'Nanum Gothic', sans-serif; 이렇게 되어 있지만, 'Nanum Gothic', 다음에 대체할폰트를
돋움이나 맑음체,Arial 등 원하시는 대로 추가하시면 됩니다^^
/*********************************************************
▦▦ 한국서버의 나눔체웹 폰트불러오기로 폰트설정할때 ▦▦
---------------------------------------------------------
font-family: 'Nanum Gothic', sans-serif; /*나눔고딕*/
font-family: 'Nanum Barun Gothic', sans-serif; /*나눔바른고딕*/
font-family: 'Nanum Myeongjo', serif; /*나눔명조*/
font-family: 'Nanum Pen Script', cursive; /*나눔펜 손글씨*/
font-family: 'Nanum Brush Script', cursive; /*나눔브러쉬 손글씨*/
---------------------------------------------------------
