이 글을 쓴 후 모빌리스 웹폰트 서비스를 사용하면 간단히 나눔고딕 웹폰트를 권하게 됐습니다. 저는 현재 모빌리스 웹폰트 서비스의 렉시새봄이라는 웹폰트를 사용하고 있습니다.  모빌리스 웹폰트는 개인에게만 무료이니 상업적으로 사용한다면 http://people.mozilla.com/~jkew/woff/(영어)에서 eot가 아닌 woff 웹폰트를 만들 수 있다는 것을 알았습니다. 그리고 http://7ccccv.tistory.com/161 에서 eot,woff 파일은 모두 받을 수 있으니 회사,단체 등 블로그를 생각한다면 거기에서 다운받기바랍니다. 아래 글은 woff 파일이 없기전 썼습니다.
  • 모빌리스 웹폰트는 개인만 무료 (회사,단체 등은 아님)

나눔고딕 TTF나 OTF 폰트가 아니라 나눔고딕 EOT 웹폰트를 다운로드와 사용하지 않는 이유를 설명하는 것이니 나눔고딕 폰트 다운로드로 홍동하지 마세요. 물론 나눔고딕 폰트를 다운로드받을 수 있는 곳도 소개합니다. 인터넷에 있는 나눔고딕 웹폰트는 EOT 파일형식(확장자)만 있습니다.


나눔고딕 웹폰트 다운로드


나눔고딕 웹폰트 다운로드 : 나눔고딕에는 나눔고딕 굵게,나눔고딕 보통,나눔고딕 아주 굵게가 있습니다. 3종류의 나눔고딕에서 아래는 나눔고딕 보통으로 만든 나눔고딕 EOT 웹폰트의 용량은 845KB입니다. 참고로 나눔고딕 보통 TTF 폰트의 용량은 4.14MB입니다. woff다운로드는 얼마전에 알았습니다. http://7ccccv.tistory.com/161 에서 woff를 다운할 수 있습

NanumGothic.eot


 나눔고딕 TTF 다운로드 : 아래는 나눔고딕 EOT 웹폰트 다운로드가 아니라 TTF나 OTF 글꼴 다운로드입니다. 나눔글꼴만 아니라 나눔고딕만 받을 수 있는데 나눔고딕이 포함하고 있는 나눔글꼴을 다운받기 바랍니다. 네이버에서 무료로 제공하는 템플릿이나 사이트 글꼴은 나눔글꼴을 사용하는 경우가 많으니 나눔글꼴은 다운받아 나쁠 것이 없습니다.

■ 나눔고딕 다운로드 : http://hangeul.naver.com/font 




나눔고딕 웹폰트를 사용하지 않는 이유 


제가 전에는 이 블로그에 나눔고딕 EOT 웹폰트를 사용해서 익스플로러를 사용한다면 나눔고딕이 없어도 나눔고딕으로 보이게 했습니다. 제가 전에 했던  나눔고딕 웹폰트를 설정한 에 대해서는 티스토리에서는 웹폰트는 어떻게에 설명했습니다. 지금은 웹폰트를 사용하지 않아 상대방의 컴퓨터에 나눔고딕이 PC에 없으면 이 블로그는 나눔고딕으로 안 보입니다. 그러면 왜 제가 나눔고딕 웹폰트를  블로그에서 사용하지 않은 이유에 대해서 알아 보겠습니다.

1. EOT 웹폰트는 익스플로러에서만 : 인터넷에서 배포되는 나눔고딕 웹폰트는 EOT 웹폰트인데 EOT 웹폰트는 익스플로러에서만 보입니다. 제가 지금까지 봤던 나눔고딕 웹폰트는 모두 EOT  웹폰트였습니다. MS의 웹폰트를 만드는 프로그램인 WEFT을 사용하면 EOT 확장자의 웹폰트를 만들 수 있습니다.  나눔고딕으로 보인다고 할까요?을 보면 나눔고딕은 EOT 웹폰트이고 익스플로러에서 보인다는 것을 알 수 있습니다. 

아래는 구글 애널리틱스로 본 2011.3.3에서 2012.1.3까지의 통계치입니다. 익스플로러가 77.37%이니 100명중 77명은 익스플로러를 사용한다는 뜻이 됩니다. 저의 블로그에 많은 사람이 익스플로러를 사용하여 접속한다는 것을 알 수 있어서 전에는 사용했습니다. 그러나 EOT 웹폰트는 익스플로러에서만 보이지므로 사용하지 않으려고요.

 - 무료로 팩스 10장보내기

지금은(2013/2/24) WOFF 웹폰트도 많이 제공합니다. 이 글을 적었을 때 EOT 웹폰트만 인터넷에 돌아다녔다는 것입니다. 꼭 글쓴 날짜를 고려하지 않고 떠드는 인간이 있습니다.

현재기준(2013/2/24)으로 쓴다면 나는 EOT,WOFF,TTF를 사용하지 않고 구글웹폰트나 모빌리스 웹폰트 서비스의 나눔고딕 웹폰트를 사용하겠습니다. 참고로 다른 사람의 글을 읽을 때도 글쓴 날짜를 보고 댓글을 달라고 말하고 싶습니다.


2. 로딩 속도때문에 : 크롬,파이어폭스에서도 나눔고딕으로 보이게 하고 싶다면 TTF 폰트를 업로드해서 설정해야 합니다. 아래 표를 보듯이 나눔고딕 EOT 파일의 용량은 TTF에 비해 적어도 로딩속도에 영향이 있으니 이제는 TTF든 EOT든 사용하지 않기로 했습니다. 그래서 PC에 나눔고딕이 없으면 제 블로그는 나눔고딕으로 안 보입니다. 혹시 윈도우 7 등의 기본 폰트가 맑은 고딕인데 저는 나눔고딕이 없으면 맑은 고딕으로 나오게 했으니 나눔고딕과 맑은 고딕이 비슷하다고 헷갈리지 마세요. 참고로 로딩이 아니고 나눔고딕 웹폰트는 저작권에 문제없다는 것은  http://ccoma.tistory.com/949에서 확인할 수 있습니다. 그리고 웹폰트는 아닌데 나눔글꼴,저작권에 안전한 폰트을 보면 나눔폰트는 저작권에 안전하다는 것도 알 수 있습니다.

 

나눔고딕

TTF 나눔고딕 보통

EOT 나눔고딕 보통

용량

4.14MB

845KB

현재 이곳만이 아닌 나눔고딕 웹폰트는 모두 EOT 웹폰트니 EOT 웹폰트는 익스플로러에서만 보이니 저같이 크롬,파이어폭스 등을 사용한 브라우저는 나눔고딕 EOT 웹폰트는 안 보인다고 알고 있으세요.

'블로그' 관련된 글

  1. BlogIcon 굴뚝 토끼 2012.01.06 07:43 신고  댓글주소  수정/삭제  댓글쓰기

    언젠가 로딩 문제를 저도 댓글로 남겼던 기억이 있는데요,
    가독성이나 모양 때문에 별도 폰트 설치하면 진짜 수습이 안될 정도로
    로딩이 엉망이 될 때가 많죠.

    • BlogIcon . 백전백승 2012.01.06 10:53 신고  댓글주소  수정/삭제

      전에 말씀하신 것 기억납니다. 전에는 로딩 속도를 개의치않게 블로그를 예쁘게 꾸미는 것만 생각했는데 지금 생각하니 그렇게 하면 안 되겠더라고요.

  2. BlogIcon *꽃집아가씨* 2012.01.06 08:41 신고  댓글주소  수정/삭제  댓글쓰기

    크롬이 그게 조금 불편해요 폰트가 전혀 지원이 안된다는거
    그래서 익스플로어랑 병행해서 쓰는데 ...^^

  3. BlogIcon 셀프액션 2012.01.06 09:38 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 잘 보고갑니다~ ^^

  4. BlogIcon 멋진성이 2012.01.06 11:27 신고  댓글주소  수정/삭제  댓글쓰기

    먼가 좋은 폰트를 적용해보고 싶은데. 쉽지않네요^^

  5. BlogIcon 블로그토리 2012.01.06 11:56 신고  댓글주소  수정/삭제  댓글쓰기

    저 역시 블로그를 방문하는 분들을 생각하다보니
    가장 흔한 폰트로 글을 쓰게 되더군요.
    잘 보고 갑니다.^^

  6. BlogIcon 로사아빠! 2012.01.06 12:21 신고  댓글주소  수정/삭제  댓글쓰기

    크롬에서는 폰트가 아직 완전히 지원되는게 아니군요.
    크롬 시스템이 익스플로러보다 좋다는건 아는데,
    이런것도 개선되면 차차 그 점유율도 높아질거 같아요

    • BlogIcon . 백전백승 2012.01.06 14:07 신고  댓글주소  수정/삭제

      우리나라 웹사이트를 약간 욕하겠습니다. 네이버,다음,싸이월드 블로그의 웹폰트는 오직 익스플로러에서만 보이는데 솔직히 특정 브라우저에서만 보이는 웹폰트를 사용한다는 것은 씁쓸합니다. 크롬이 잘못이라기 보다는 EOT 등의 웹폰트를 쓰도록 은연중 강요하는 곳이 문제인 것 같습니다.

  7. BlogIcon 샤프심 2012.01.06 12:30 신고  댓글주소  수정/삭제  댓글쓰기

    익스플로러가 좋을 때도 있네요,..
    크롬은 속도,안정성 다 좋은데, 폰트부분은 조금 불편한거 같습니다~

    • BlogIcon . 백전백승 2012.01.06 14:12 신고  댓글주소  수정/삭제

      크롬도 익스플로러에서만 지원하는 액티브엑스를 지원한다고 합니다. 그러면 EOT 웹폰트와 블로그에서 사용하는 웹폰트가 보일 것입니다. 저는 크롬의 IE 탭을 사용하거든요.

  8. BlogIcon 원삼촌 2012.01.06 13:31 신고  댓글주소  수정/삭제  댓글쓰기

    저도 예전에 적용해보다가 포기했던 기억이 나네요;;
    로딩도 그렇고 사이즈도 완전 기존글들이 다 밀려버려서 안되겠더라구요ㅋ

  9. BlogIcon 즐거운하루이야기 2012.01.06 14:05 신고  댓글주소  수정/삭제  댓글쓰기

    한꾹 사람은 저 포함 웹 사이트 속도가 늦으면 바로 창을 닫습니다 아무리 좋은 포스팅 있다고 해도 그만큼 속도가 생명이라고 할수 있죠

    • BlogIcon . 백전백승 2012.01.06 14:21 신고  댓글주소  수정/삭제

      그럴 것 같더라고요. 저도 웬만하면 느린 블로그나 사이트는 자제하거든요. 오늘은 아니지만 저에게는 제 블로그 로딩 속도가 느려 웹폰트는 사용을 못하겠더라고요. 정말 왕짜증이더라고요. 서버에 따라 어떤 곳은 빠르고 어떤 곳은 느린 것 같아요.

  10. BlogIcon 오드리햇반 2012.01.06 18:23 신고  댓글주소  수정/삭제  댓글쓰기

    웹폰트만 적용했을 때에도 가끔 로딩때문에 페이지가 빠르게 열리지 않는 경우를 보곤 했답니다. 본문의 주 내용처럼 웹폰트가 ie외의 브라우저에서 보이지 않는 것 때문에 더욱 적용을 안하셨을테구요.
    가끔 블로그를 돌아다니다보면 ie외에 브라우저에도 나눔고딕이 보이도록 ttf파일을 로딩하게끔 적용한 블로그도 있더라구요. 그런 곳은 기다리다 짜증이 확 밀려오더군요...
    역시 예쁜 것도 좋지만 로딩문제를 베재할 수는 없겠죠... 그런 의미에서 저도 로딩에 문제가 되는게 없는지 살펴봐야겠습니다...ㅎㅎ

    • BlogIcon . 백전백승 2012.01.06 22:12 신고  댓글주소  수정/삭제

      예쁘게만 블로그를 하다보니 그런 것을 몰랐는데 그랬었군요. EOT도 부담되는데 TTF의 용량은 커서 도저히 생각할 수 없을 것 같아요. 저도 짜증이 밀려오더라고요.

  11. BlogIcon o똥강아지o 2012.01.06 18:55 신고  댓글주소  수정/삭제  댓글쓰기

    여러가지 폰트를 정말 수십번;; 적용해봤었는데 비트맵폰트가 아닌경우
    폰트가 조금 뭉개져서 보이더라구요.
    큰사이즈라면 또렷하게 보이겠지만요..
    저 역시 조금 더 깔끔한 폰트를 쓰고싶지만. 그러기엔.. 비트맵폰트가 존재하지 않고
    또 그럴경우 폰트가 뭉개짐 플러스 용량이 너무 오버가 되서 로딩이 너무 길게 되더라구요
    나 뭐래니.. 왜케 횡설수설 할까요 ㅋㅋㅋㅋ 이게 아닌데 ㅋㅋ

  12. 2012.01.06 19:07  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  13. BlogIcon 레이니아 2012.01.07 02:19 신고  댓글주소  수정/삭제  댓글쓰기

    저도 EOT를 설치했었는데 예전 백전백승 님 블로그에서 로딩 관련된 문제를 읽고
    블로그에서 치워버렸던 기억이 납니다. 요즘은 나눔고딕체 보급률(!?)도 좋은 편이라
    크게 불편함을 느낀 적은 없던 것 같아요^^;;

  14. BlogIcon Egoist... 2012.01.22 00:43 신고  댓글주소  수정/삭제  댓글쓰기

    웹폰트로 woff와 ttf를 지정해 줄 수 있습니다.
    크롬의 경우는 ttf가 아닌 woff도 지원합니다.

    더불어 나눔고딕의 웹폰트 용량이 다이어트가 된 파일들이 있어서..
    eot의 경우 600k, woff는 980k, ttf는 2메가까지 줄어듭니다.


    크롬의 경우 woff를 지원하기 때문에 980k정도는 커버가 가능합니다.

    • BlogIcon . 백전백승 2012.01.22 13:00 신고  댓글주소  수정/삭제

      혹시 나눔고딕 woff 파일형식을 보신 적 있나요? 아시면 가르쳐 주세요. 저는 나눔고딕 EOT만 봐서요. 적었지만 이제는 EOT도 부담스럽고 TTF의 경우는 더욱더 부담스럽더라고요. 광고가 있으니 로딩이 느려져서요. 나눔고딕 woff 가 있다면 다른 사람에게도 알려주고 싶어요.

    • BlogIcon Egoist... 2012.01.23 02:32 신고  댓글주소  수정/삭제

      제가 나눔고딕 웹폰트중에 용량이 제일 적게 변환된 버전만 모아서 압축해놓은 파일입니다.

      http://down2.snoin.kr/data19/neoism7/1i47w/%EB%82%98%EB%88%94%EA%B3%A0%EB%94%95.zip

      우연히 방금전 용량이 더 적은 버전을 발견해서 또 링크 겁니다.

      http://down2.snoin.kr/data7c/neoism7/1i4ds/%EB%82%98%EB%88%94%EA%B3%A0%EB%94%95%EC%BB%B4%ED%8C%A9%ED%8A%B8.zip


      설정은 아실지 모르겠지만 아래와 같습니다.
      제가 볼드체도 넣었지만 weight랑 style설정해놓으면 알아서 볼드체가 없어도 설정이 되더군요.. 근데 굵기가 지멋데로라 보기가 별로라는것 정도 --;

      http://css-tricks.com/forums/discussion/14918/

    • BlogIcon . 백전백승 2012.01.28 23:14 신고  댓글주소  수정/삭제

      감사합니다. 도움이 많이 됐습니다.

  15. BlogIcon udstar 2012.01.28 05:41  댓글주소  수정/삭제  댓글쓰기

    css에서 @font-face로 외부폰트 설정한 다음, eot와 woff파일 포멧을 함께 적용하면 가능할텐데요.. woff변환은 별도의 프로그램을 사용합니다.. http://people.mozilla.com/~jkew/woff/

  16. BlogIcon chitos7 2012.06.26 12:51 신고  댓글주소  수정/삭제  댓글쓰기

    저두 나눔고딕 사용중인데 IE만 다르게 보이고 파폭과 크롬은 똑같이 보이네요.^^ㅎ
    지금 3개의 브라우저들을 테스트해 보니까 나눔고딕 사용할 필요가 없어졌습니다.ㅎ;ㅎ;

    • BlogIcon . 백전백승 2012.06.26 13:45 신고  댓글주소  수정/삭제

      나눔고딕이 파폭과 크롬에서는 똑같이 깔끔하게 보이고 그런데 익스플로러에서는 약간 흐리게 보이고 익스플로러에 짜증입니다. 전에 트위터 위젯을 달았는데 크롬과 파폭에서는 위젯의 글이 돋움으로 나왔는데 익스플로러에서만 나눔고딕으로 나오고 나눔고딕만 아니고 모든 것을 익스플로러에서 보면 짜증나게 다르게 보이더라고요.