여기서 웹폰트를 적용은 나눔고딕 EOT 웹폰트를 블로그에 적용하는 것이므로 익스플로러외의 브라우저 파이어폭스,크롬,사파리 등은 아무  상관이 없습니다. 다시 한번 말하지나 전에도 말했지만  EOT 파일 형식(확장자)는 익스플로러에만 적용됩니다. 우리나라 사람은 익스플로러 사용자가 많은지라 EOT 나눔고딕 웹폰트로 여러분이 블로그 폰트를 제어할 수 있는데 저는 윈도우 2000,익스플로러 6은 아예 고려하지 않으니 다른 브라우저에서 어떻게 보이나 걱정되시면 스킨을 고치시지 마시고 그냥 기본 설정대로 놔 두시기 바랍니다. 이 글은 아래 두개의 글과 연관돼 있으니 보시기 바랍니다. 아래 1번은 약간 어렵습니다.
  1. 블로그에 나오는 폰트를  나눔고딕으로 만들기 : http://min-blog.tistory.com/400
  2. 블로그의 입력부분(댓글,방명록, 검색)의 폰트를 나눔고딕으로 하고 폰트 크기를 크게 하기 :  http://min-blog.tistory.com/418
  3. 웹폰트(EOT)만들기 : http://jnstory.net/1239

나눔고딕 저작권

나눔글꼴에 대한 저작권(라이센스)을 알 필요있는 것 같아 제가 나눔글꼴의 라이센스(저작권)을 살펴보았는데 나눔글꼴을 개인이나 기업사용자가 자유롭게 수정하고 재배포해도 된다고 했으니 나눔고딕을 웹폰트로 만들어 배포해도 상관이 없겠네요. 예전에 나눔고딕 웹폰트를 다운로드 받을 수 있는 링크를 글에 적는다는 것이 마음에 걸렸거든요.
네이버 나눔글꼴의 지적 재산권은 NHN에 있습니다. 네이버 나눔글꼴은 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 수정하고 재배포하실 수 있습니다. 단, 글꼴 자체를 유료로 판매하는 것은 금지하며, 네이버 나눔글꼴 라이선스 전문을 포함하기만 한다면 자유롭게 다른 소프트웨어에 번들하여 유료로 판매하거나 또는 재 배포하실 수도 있습니다. 
네이버 나눔글꼴 라이선스 전문을 포함하기 어려울 경우,나눔글꼴의 출처 표기를 부탁 드립니다. 예) 이 페이지에는 네이버에서 제공한 나눔글꼴이 적용되어 있습니다. 네이버 나눔글꼴을 사용한 인쇄물, 광고물(온라인 포함)의 이미지는 나눔글꼴 프로모션을 위해 활용될 수 있습니다. 이를 원치 않는 사용자는 언제든지 당사에 요청하실 수 있습니다. - 출처 : 나눔글꼴 FAQ
위의 글에서 보시면 아시겠지만 수정과 재배포는 가능한데 어디나 다 그렇겠지만 무료 글꼴을 유료로 판매하는 것은 금지라는 것을 아셔야 합니다. 여러분이 글꼴을 만드셨다면 유료로 판매하는 것을 가만히 있지 않을 것 가습니다. 다른 얘기지만  솔직히 제 블로그의 RSS 주소를 퍼가서 애드센스 등을 달아 광고 수익을 챙기는 것도 기분나쁜데 글꼴(폰트)를 유료로 판매하는 것을 가만히 있지 않을 것입니다.


나눔고딕 저작권은 아니지만 폰트 저작권에 대한 글인 http://ccoma.tistory.com/1026 을 보시기 바랍니다. 폰트 저작권에 신경써야 고소당하지 않습니다.

나눔고딕 설정

나눔고딕을 선명하고 나올려면 클리어타입을 설정해야 하는 것으로 아는데 저는 윈도우 7에서 클리어 타입을 설정하지 않았으나 윈도우 XP에서는 설정해야 하는 모양인데 저의 데스크탑의 운영체제가 XP인데 제 블로그를 보니 노트북에서 본 것과 같더군요. 윈도우 7에서 설정은 http://2-up.tistory.com/678 보시고, 윈도우 XP에서는  http://u2u2u2u2u2.blog.me/50036007552 를 보시기  바랍니다. 저는 아는 것이 없어 클리어타입이 뭐라고 정의할 수 설명할 수 없으니 클리어타입에 대해서는 아래 글을 참고하시기 바라고 저는 클리어타입을 폰트를 예쁘게 표현하는 방법이라고 간단하게 알고 있지 아래 글처럼 자세하게는 모릅니다.
클리어타입(ClearType, 문화어: 지우기형식)은 마이크로소프트 윈도의 글꼴 렌더링 기술로서, 문자열의 모양을 컴퓨터 디스플레이 화면의 특정한 방식으로 개선해 준다. 특히, 평판 패널 모니터에서 효과가 좋다. 문자열을 위한 하부픽셀 렌더링의 형태이다. 윈도 XP에서 처음 선을 보였고 윈도 프레젠테이션 파운데이션 문자열 렌더링 엔진의 구성 요소로 통합되어 있다.
윈도 비스타부터는 동아시아 언어의 글꼴이 클리어타입 렌더링에 맞게 만들어졌다고 하며, 한국어 글꼴은 맑은 고딕이라는 이름으로 등록이 되었다. 이 글꼴은 최신 버전의 마이크로소프트 오피스의 기본 내장글꼴이기도 하다. - 출처 : 위키백과


아래 그림을 보시면 아시겠지만 클리어타입이 설정되지 않은 나눔고딕은 가독성이 좋지 않습니다 .그러니 나눔고딕의 클리어타입 설정하느 것에 대해 알고 싶다면 http://hangeul.naver.com/cleartype.nhn 를 참조하세요. 
그래서 클리어타입을 설정할 필요도 없으며 익숙한  굴림(gulim)이나 돋움(dotum)을 좋아하는 것 같습니다. 만약 나눔고딕이나 맑은 고딕이 클리어타입이 설정되지 않으면 윈도우 XP의 기본글꼴인 굴림이 가독성이 좋습니다. 생각해 보니 저의 블로그를 운영체제가 윈도우 XP이고 익스플로러6을 사용하는 PC 방에서 보면 나눔고딕으로 나오는데  나눔고딕이 아래 그림에서 클리어타입이 설정전으로 나왔던 것 같아요.


나눔고딕의 설치환경을 알아 두는 것도 필요할 것 같아 적었습니다. 위 위키백과의 클리어타입을 적으면서 언급했지만 클리어타입은 XP 이상에서만 적용되네요.
윈도우용은 98/2000/XP/VISTA 모두 폰트 설치가 가능합니다. 다만, 나눔글꼴은 매뉴얼 힌팅이 적용되어 모니터 상에 깨끗하게 보시려면 클리어타입이 적용되어 있어야 합니다. 클리어타입은 XP 이상에서만 지원)
맥용은 OS 10이상 지원이 가능하며 OS 9 이하는 지원되지 않습니다. (맥용의 디스플레이는 클리어타입이 아닌 쿨타입 방식을 사용하기 때문에 매뉴얼 헌팅과는 관계 없습니다) - 출처 : 네이버의 나눔글꼴 배포하는 곳

적용하기 위해 나눔고딕 웹폰트 다운로드

웹폰트 다운로드와 설정하기 

나눔고딕 EOT 웹폰트 다운로드는 http://dopus.tistory.com/113 에서 다운로드 받을 수 있는데 그 페이지에서 더보기를 눌러야 다운로드 받을 수 있고 설정도 하시고 이 블로그에 저는 아래와 같이 설정은 했습니다. 댓글이나 방명록을 입력하는 글꼴을 크게 하기 위해  textarea를 더했습니다. 위에서 웹폰트를 다운로드하여 적용하기 위해 HTML/CSS 설정 페이지의 파일올리기에 다운로드 받은 웹폰트를 올리고 아래처럼 코드를 삽입하면 끝입니다. 참고로 웹폰트 설정이 아니라도 나눔고딕이 있는 폰트 설정에서 div 를 사용하면 웬만한 것은 나눔고딕으로 됩니다. 


코드 복사하기

제가 사용하는 웹폰트 코드를 복사하기 위해서 코드에 마우스 포인터를 올리면 4개의 아이콘이 나오는데 그 아이콘에서 왼쪽에서 두번째 아이콘을 클릭하면 코드가 복사되니 복사된 코드를 HTML/CSS  설정 페이지의 style.css에 붙여 넣으면 이제부터 나눔고딕이 없으면 익스플로러는 나눔고딕 웹폰트로 됩니다. 이런 스킨 고치기가 싫으시면 그냥 스킨의 기본 설정을 사용하세요. 그리고  크롬에서 나눔고딕이 안 나온다고 해서 댓글을 자주 보는데 웹폰트를 잘못 설정하면 그 영향이 가는 것 가고 저는 아래와 같이 설정하니 나눔고딕으로 나왔습니다.
@font-face {font-family:nanum; src:url(images/NanumGothic.eot)};
div{font-family:nanum; font-size: 14px;}
textarea{font-family:nanum; font-size: 17px;}

.
적용된 블로그

나눔고딕으로 적용된 블로그는 http://study3.tistory.com/에서 보실 수 있는데 저는 저의 컴퓨터에 설치된 나눔고딕을 지우고 익스플로러로 보았습니다. 왜냐하면 컴퓨터에 나눔고딕이 있으면 웹폰트가 아닌 그 폰트로 보여지므로 어떻게 보여지나 보았고 앞에서 말했듯이 EOT 파일형식의 웹폰트는 익스플로러에서만 적용되므로 저의 크롬이 아닌 익스플로러8에서 보았습니다. 그리고 전에도 말했듯이 나눔고딕과 맑은 고딕이 비슷하니 헷갈리지 마세요. EOT 웹폰트가 익스플로러에만 적용된다고 TTF 파일을 사용할 것 같은데 페이지를 보여주려면 폰트를 로드해야 되므로  EOT 파일(845KB)에 비해 TTF 파일(4.13MB)은 약 5배의 용량이므로 로딩시간이 많이 걸리니 웬만하면 TTF 웹폰트로 설정을 하지는 사용하지 마세요. 그래서 저는 TTF 나눔고딕이 하드에 있으면 나눔고딕으로 나오게 하고 없으면 맙니다. 참고로, 맑은 고딕 웹폰트(EOT)의 용량은 423KB이고, 나눔고딕(EOT)는 845KB입니다.


위와 같이 하면 다 된 것인데 여러군데 컴퓨터)에서 여러분의 블로그를 보시면 됩니다. 여러분의 컴퓨터(PC)로 여러분의 블로그를 보는 것은 완벽히 설정했으므로 잘 보일 것인데 다른 사람의 컴퓨터(PC)에서 무리없이 보여야 됩니다. 그러면 나눔고딕에 대한 생각이 많이 없어지고 기본 설정이나 클리어타입이 필요없는 굴림 등을 사용할 것입니다. 뛰어가서 PC 방에서 자신의 블로그를 보세요.

'블로그' 관련된 글

  1. 이전 댓글 더보기
  2. BlogIcon 노지 2011.02.04 08:04 신고  댓글주소  수정/삭제  댓글쓰기

    그저 그냥 블로그를 들려주는 사람들에게 나눔고딕 폰트를 설치할 수 있도록, 링크를 걸어두는 편이 낫겠군요 ㅎ;

  3. BlogIcon 정민파파 2011.02.04 08:05 신고  댓글주소  수정/삭제  댓글쓰기

    저에게 특히나 필요한 정보인데
    집에 가면 다시 봐야겠네요.
    남은 설 연휴 잘보내세요.

  4. BlogIcon 리틴 2011.02.04 08:45 신고  댓글주소  수정/삭제  댓글쓰기

    저도 슬슬.. 제 블로그의 가독성을 생각할 때가 온것 같습니다 ㅠㅠㅋㅋ
    너무 정신없어서.. ㅎㅎ
    휴일이 지나기전에 저도 도전해봐야겠어요 +_+

  5. BlogIcon 노팅 2011.02.04 10:03 신고  댓글주소  수정/삭제  댓글쓰기

    오늘도 좋은 정보 스~읍 보고 갑니다.^^
    즐거운 설 되세요~^^

  6. BlogIcon Deborah 2011.02.04 10:16 신고  댓글주소  수정/삭제  댓글쓰기

    좋은팁 주셨네요. ^^ 잘 봤습니다. 멋진 하루되세요.

  7. BlogIcon 샘물 2011.02.04 10:16  댓글주소  수정/삭제  댓글쓰기

    새해 복 많이 받으시고
    남은 설 명절 즐겁고 행복하게 보내세요^^

  8. BlogIcon 날아라뽀 2011.02.04 10:20 신고  댓글주소  수정/삭제  댓글쓰기

    글꼴을 바꾸려는 사람들에게 유용하게 쓰일 것 같습니다^^

  9. BlogIcon 티비의 세상구경 2011.02.04 11:35 신고  댓글주소  수정/삭제  댓글쓰기

    나눔고딕도 매력적이긴 하지만요
    전 아직 맑은 고딕이 좋아요 ^^;;
    즐거운 설연휴 보내고 계시죠?

  10. BlogIcon 니자드 2011.02.04 11:58 신고  댓글주소  수정/삭제  댓글쓰기

    저도 이게 적용안되었을 때 하도 글씨가 안좋게 나와서 이거 뭐 버그인가 생각했는데 적용하니 너무 좋아져서 놀란 기억이 있습니다^^

  11. BlogIcon 버섯공주 2011.02.04 12:00 신고  댓글주소  수정/삭제  댓글쓰기

    백전백승님의 포스팅은 늘 전문성과 더불어 필요한 부분에 대해 콕콕 짚어 설명해 주시니 너무 좋은 것 같아요. 정말 이렇게 포스팅하기 힘드실텐데... +_+
    꼼꼼한 포스팅 감사합니다. ^^

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

      저도 여러곳의 자료를 모아 힘들기는 한데 글을 여러사람이 보니 정성들여 적어야 겠다는 생각이 들어 열심히 정성들여 적습니다.

  12. BlogIcon HS다비드 2011.02.04 15:04 신고  댓글주소  수정/삭제  댓글쓰기

    웹폰트라는 것이 하드에 없어도 사용할 수 있는 것인건가요?^^

    제가 이런 부분에 대해서 자세히 알지는 못해서 말이죠..^^

    오늘도 좋은 하루 되세요 백전백승님~

    • BlogIcon . 백전백승 2011.02.04 16:11 신고  댓글주소  수정/삭제

      웹폰트는 상대방의 컴퓨터에 있듯 없든 상관없이 자신 제어하는 것입니다. eot 웹폰트는 익스플로러에서만 되지만요. 웹폰트는 폰트를 로딩해야 하므로 정말 짜증입니다.

      EOT 나눔고딕 웹폰트는 423K이고 TTF 나눔고딕은 4.13M니 이것을 로딩해야 하는데 만약 인터넷이 느리면 얼마나 짜증이겠습니까.

  13. 늘푸른나라 2011.02.04 16:14  댓글주소  수정/삭제  댓글쓰기

    다음블로그도 지원해 주세요. ㅋㅋ

    즐거운 명절 되세요.

    • BlogIcon . 백전백승 2011.02.04 16:19 신고  댓글주소  수정/삭제

      안타깝지만 나눔고딕을 다음 블로그에서는 지원해주지 않으나 HTML로 작성하면 되는데 글을 HTML로 작성한다는 것이 어려울 것 같습니다. 나눔고딕때문에 글을 HTML로 작성한다는 것이 --; 저라면 안 하겠습니다.

      나눔고딕을 HTML로 작성한 저의 시험 다음 블로그는 http://blog.daum.net/jskimmin 에서 보실 수 있는데 HTML로 글을 작성한다는 것이 상당히 어렵더라고요.

  14. BlogIcon 설보라 2011.02.04 17:01 신고  댓글주소  수정/삭제  댓글쓰기

    오늘도 이어서 글을 올리셨네요~
    나눔고딕으로 사용하니 제가 보기에는 좋은데 다른사람이
    보기에는 어떤가 모르겠네요~?
    잘 보고 갑니다. 행복한 하루 보내세요~^^

    • BlogIcon . 백전백승 2011.02.04 17:40 신고  댓글주소  수정/삭제

      저의 크롬 10, 파이어폭스 3.6, 익스플로러 8에서 보는데 아무런 문제가 없습니다. 저는 윈도우 7이고 나눔고딕도 있어서 큰 문제는 없지만 PC 방이나 기관이 PC로 보시면 다를 것 같습니다. 저의 경우는 PC방은 아니어도 병원의 PC로 제 블로그를 엉망으로 보이더라고요.

  15. BlogIcon 심플게임 2011.02.04 20:18 신고  댓글주소  수정/삭제  댓글쓰기

    클리어타입이라는 것도 있군요.
    저도 피시방 갈일있는 날 적용해보구 당일날 가서 확인해봐야겠네요.

  16. BlogIcon 굴뚝 토끼 2011.02.04 22:27 신고  댓글주소  수정/삭제  댓글쓰기

    백전백승님은 설 연휴에도 열심히십니다..^^
    즐거운 설 연휴 되시기를~

  17. BlogIcon goodwell 2011.02.24 19:47 신고  댓글주소  수정/삭제  댓글쓰기

    저도 적용해봤습니다. 첨보다 정말 보기도 편하고 깔끔해서 너무 좋아요..
    그런데...익스플로어 6에서 제 블로그 접속하면 개인정보 창이 열리면서 오랫동안 멈춰있는 현상이 나옵니다. 나눔폰트 적용하기 전에도 그랬는데요.. 친구 컴에서 접속해보다보니 이런 현상이 나오네요...함 점검좀 해주시면 안될까요??
    아시는 분들좀 알려주시면 감사하겠습니다.

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

      저는 익스플로러 6에서는 점검을 안 해 말할 수가 없거든요. 저는 익스플로러 6은 아예 생각을 안합니다. 익스플로러 6까지 고려한다면 골치 아프거든요. 제가 웹디자이너도 아니고요.
      다른 사람이 말해 주었으면 합니다.

  18. BlogIcon goodwell 2011.02.25 09:01 신고  댓글주소  수정/삭제  댓글쓰기

    네..감사합니다. 근데 min-blog는 개인정보보고서 창이 열려도 확인하면 곧바로 창이 닫기면서 블로그내용이 잘 보여지거든요..어제 점검해보다보니 믹시위젯읽는데서 한참 걸려서 위젯 삭제하니 조금 빨라지긴 하지만,,,여전하네요..에휴~

    • BlogIcon . 백전백승 2011.02.25 09:30 신고  댓글주소  수정/삭제

      제가 cashbank님의 블로그를 저의 크롬 9,익스플로러8,파이어폭스 3.6으로 보았는데 큰 이상이 없었습니다. 브라우저는 모두 정식버전입니다.

      ps.익스플로러 6같은 것은 골치만 아프니 고려하지 마세요. 저는 지금 익스플로러 6, 윈도우 2000은 어떻게 보이든 상관을 안하거든요. 그것까지 고려하면 상당히 골치아파요. 익스플로러 6을 고려한다면 저는 해결책을 드릴 수 없습니다.

  19. BlogIcon goodwell 2011.02.26 12:46 신고  댓글주소  수정/삭제  댓글쓰기

    해결되었습니다...문제는 믹시와 블로그코리아 위젯이었습니다.
    위젯 삭제하니 그런 문제 없이 곧바로 잘 열리네요. ^^

  20. BlogIcon demun 2011.02.28 13:17 신고  댓글주소  수정/삭제  댓글쓰기

    이것도 모든 브라우져에서 나눔고딕으로 보여지지않습니다.
    그렇게 되면 정말 좋은데요..ㅎㅎㅎ.
    네이버에서 api 를 지원해주면 좋으련만...
    구글은 지원이 되서 다 적용이 되거든요..

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

      글에서 익스플로러외 브라우저는 아니라고 했고 익스플로러 몇 버전인지요? 설마 댓글 나온 모든 브라우저는 익스플로러외 브라우저르 말하는 것이 아닐 것이라 봅니다. 만약 모든 브라우저가 익스플로러를 포함한 브라우저라면 글을 읽지 않았다고 판단할 수 있고요. :)

  21. BlogIcon 은경 2011.04.06 12:47  댓글주소  수정/삭제  댓글쓰기

    위에 검정네모안에 코드랑 넣은거요 신기하네요 어떻게 한거예요?

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

      코드넣는 코드하이라이터라는 스크립트를 사용했는데 아래 링크에서 설명했습니다. 그리고 코드하이라이터는 멋져도스크립트 등을 많이 사용하고 로딩이 늦으므로 사용하는 것을 권하지는 않습니다. 저는 많은 곳에서 사용하므로 사용하지만요. 코드하이라이터 업그레이드 버전이 나왔습니다.

      http://min-blog.tistory.com/8