이 글의 제목을 다음이나 네이버 블로그에 익숙한 사람들에게 적절하게 바꾸었다. 제목 그대로 대부분의 스킨에서는 폰트 설정이 없으니 폰트 설정은 CSS를 알아 HTML/CSS에서 해야 한다. 그러니 티스토리 블로그가 힘든 것이다. 단 스킨위자드가 있는 경우는 폰트 설정이 있기는 하지만 스킨위자드가 없는 스킨이 정말 많다. 그래서 내가 추천스킨에서 스킨위자드가 있는 스킨을 권하는 것이다. 스킨위자드가 있으면 상당히 편하다. 그런데 아쉬운 것이 멋진 스킨 대부분이 스킨위자드가 없다.

 네이버 블로그와 다음 블로그에서 웹폰트 : 네이버 블로그에서는 183개,다음 블로그의 경우는 55개를 무료로 제공하고 클릭 몇번만하면 블로그에 웹폰트를 적용할 수 있습니다. 싸이월드 블로그의 경우도 클릭으로 가능하고 단 도토리라는 것으로 웹폰트를 사야 됩니다. 싸이월드 블로그의 웹폰트는 무료가 아닙니다. 아래 그림은 네이버 블로그에서 영역별로 웹폰트 지정에 관한 것인데 183개나 되는 웹폰트를 지정할 수 있습니다.  저는 사이드바,글내용,댓글 등의 폰트는 같게 하지만 크기는 다르게 합니다. 크기를 다르게 할 수 있으니 폰트도 다르게 할 수 있습니다.



위에서는 네이버 블로그에 대한 것이고 다음 블로그는 아래와 같이 직접꾸미기에서 폰트를 설정합니다. 네이버블로그에 없는 것이 블로그의 폰트를 돋움과 굴림으로 설정할 수 있다는 것입니다. 네이버 블로그의 경우는 무조건 돋움이거든요. 네이버 블로그의 경우 돋움과 굴림에 대한 선택권이 없으나 웹폰트의 수가 183개로 많다는 것과 위에서 보셨듯이 영역별로 폰트를 설정할 수 있습니다. 


티스토리에서 웹폰트 :  위에서 네이버블로그와 다음블로그에서 웹폰트에 대해 알아보았습니다. 티스토리만 해봤다면 모르겠지만 네이버 블로그나 다음 블로그에서 티스토리로 이사왔다면 웹폰트에 있어서는 부러울 것 같습니다. 왜냐하면 네이버 블로그나 다음 블로그의 많은 웹폰트수만 아니라 CSS 같은 것을 몰라도 클릭으로 블로그에 웹폰트를 적용했습니다. 그러나  티스토리에서는  클릭으로 안되고 CSS를 알아야 웹폰트를 적용하기 쉽거든요. 강좌에서 하라는 대로 하면 할 수 있는데 스킨에 따라 안되는 경우도 많아 골치아프거든요. 저도 어떤 스킨에서 안되는가는 확실히 모릅니다. 


 
티스토리에서 다음블로그와 네이버블로그처럼 :  티스토리에서도 네이버 블로그에서 했던 것처럼 영역별 폰트를 설정할 수 있습니다. 아래 그림을 보시면 저의 블로그에서 내용이 나오는 부분만 나눔고딕 부분을 수정하면 되거든요.  그리고 나눔고딕 부분을 수정하면 굴림이나 돋움 등으로 나오게 할 수 있습니다. 다음 블로그와 네이버 블로그의 많은 수의 웹폰트가 있다고 했는데 티스토리에서는 스킨의 style.css를 수정할 수 있는지라 모든 웹폰트를 적용할 수 있습니다.



나눔고딕 웹폰트 : 티스토리 블로그에 많이 적용된 웹폰트는 나눔고딕이 대부분입니다. 그리고 나눔고딕 웹폰트는 무료이며 저작권 문제도 없습니다. 한가지 걸리는 것이 블로그에 적용하기는 어려울 것 같습니다. CSS를 아는 저야  블로그에 나눔고딕 웹폰트를 적용하는 것이 간단합니다. 하지만  CSS에 울렁증이 있는 사람은 상당히 어려울 것 같습니다. 

 
나눔고딕 TTF와 EOT 파일은 http://min-blog.tistory.com/401 글에서 다운받을 수 있는 곳을 설명했으며 티스토리와 다음블로그,네이버블로그,싸이월드블로그,이글루스에서 나눔고딕에 대한 글이니 참조하세요.

다음 블로그,네이버 블로그,EOT 웹폰트는 익스플로러만 : 네이버 블로그를 포함한  다음 블로그,싸이월드 블로그에서 제공하는 웹폰트는 익스플로러에서만 보입니다. 만약 크롬 브라우저로 웹폰트가 적용된 네이버 블로그를 본다면 웹폰트로 보이는 것이 아닌 돋움으로 보입니다.  그리고 웹폰트중에 모든 웹폰트가 아닌 익스플로러에서만 보이는 웹폰트의 파일 형식은 EOT입니다. 글을 안 읽고 그림만 많이 보는 것 같아 아래와 같이 길게 글을 적습니다. 


 
TTF로 할 수 있지만 EOT도 좋은 것 같아요 : 익스플로러에서만 되는 EOT가 아닌 TTF 폰트를 적용하여 모든 브라우저에서 해당하는 폰트로 나오게 할 수 있는데 TTF 폰트의 용량때문에 로딩이 느리거든요.  하지만 우리나라에서 익스플로러의 점유율이 거의 95%인 100명 중에 95명은 익스플로러를 쓰는지라 EOT 웹폰트를 많이 사용니다. 아래 차트는 저의 블로그에 통계프로그램인 구글애널리틱스를 설치해서 나온 것입니다. 기간은 3개월간 저의 블로그에서 사용자의 브라우저에 대한 통계인데 익스플로러가  76%가 나왔네요.

티스토리 블로그에서는 대부분 웹폰트는 무료이면서 가독성이 좋은 나눔고딕 웹폰트를 씁니다. 그리고 나눔고딕 웹폰트는  EOT 웹폰트인지라 익스플로러에서만 보입니다. 그리고 나눔고딕이  블로그 보는 사람에게 있다면 컴퓨터에 있다면 저의 블로그 전체는 나눔고딕으로 보입니다.

'블로그' 관련된 글 MORE

  1. 이전 댓글 더보기
  2. BlogIcon 에바흐 2011.07.12 11:58 신고  댓글주소  수정/삭제  댓글쓰기

    일단 나눔고딕을 쓰고 있기는 한데, 글을 올릴 때는 굴림을 쓰게 되더군요.

  3. BlogIcon 사랑퐁퐁 2011.07.12 13:08 신고  댓글주소  수정/삭제  댓글쓰기

    오~!! 완전 좋은 정보네요..
    제게 딱!! 필요했던 정보데...
    좋은정보 잘보고 배우고 갑니다..
    즐거운 하루 되세요^^

  4. BlogIcon 한성민 2011.07.12 14:07 신고  댓글주소  수정/삭제  댓글쓰기

    저도 웹폰트로 설정을 할려다가 그냥 나눔고딕을 컴에 설치를 하고 그만 두었는데 언젠가는 해야할 것 같아요...^^

  5. BlogIcon 로사아빠! 2011.07.12 15:19 신고  댓글주소  수정/삭제  댓글쓰기

    백전백승님 질문이 있는데요.
    제가 만약에 블로그 설정에서 나눔고딕으로 설정해놓고, 글을 썼다고 해도,
    노트북에 나눔고딕폰트설정이 없다면 다른글씨체로 대체되서 나오는건가요?

    • BlogIcon 백전백승 2011.07.12 16:13 신고  댓글주소  수정/삭제

      나눔고딕(TTF)이 없다면 다른 것으로 나옵니다. 일반적으로 돋움으로 됐을 것입니다.

      저같은 경우는 상대방에서 나눔고딕(TTF)이 없다면 맑은 고딕으로 맑은 고딕이 없다면 굴림으로 나와요.

      나눔고딕(EOT)은 제가 본 바로는 전부 EOT 웹폰트인데 eot 웹폰트로 설정하면 나눔고딕(TTF) 보유 여부에 상관없이 익스플로러에서는 무조건 나눔고딕으로 보이게 합니다.

    • BlogIcon 백전백승 2011.07.12 16:14 신고  댓글주소  수정/삭제

      맥은 TTF가 아니라 OTF인데 우리나라에서 맥 사용자가 적어서요. 그냥 TTF라고 했습니다.

  6. BlogIcon At Information Technology 2011.07.12 16:27 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리에서 글을 쓸때 가끔가다가 폰트가 굴림으로 바뀌어 버립니다.
    이럴 경우엔 html로 글을 수정해줘야합니다..
    글쓰기폰트에 나눔고딕이 추가되었으면 합니다.
    -천풍비-

    • BlogIcon 백전백승 2011.07.12 16:39 신고  댓글주소  수정/삭제

      말씀대로 나눔고딕이 글꼴에 추가되면 좋을텐데 말입니다.

      ps.전 그럴때 어떻게 하냐면 글의 HTML을 복사한 후 저의 텍스트편집기인 에디트플러스에 붙인 후 굴림으로 된 것을 모두 지웁니다. 정말 귀찮은 작업이더라고요. 요즘에 굴림으로 되지 않습니다.

  7. BlogIcon CANTATA 2011.07.12 17:54 신고  댓글주소  수정/삭제  댓글쓰기

    백전백승님 블로그는 크롬으로봐도 나눔고딕으로 보이는데, TTF를 사용하신건가요?

    • BlogIcon 백전백승 2011.07.12 21:27 신고  댓글주소  수정/삭제

      맞습니다. EOT 웹폰트와 TTF 나눔고딕을 사용하고 있습니다. 그리고 칸타타님에게 나눔고딕이 없다면 나눔고딕과 비슷한 맑은 고딕으로 보이게 했고 맑은 고딕도 없다면 굴림으로 보이게 했습니다.

  8. BlogIcon 자수리치 2011.07.12 18:08 신고  댓글주소  수정/삭제  댓글쓰기

    네이버 영역별 폰트설정에 굴림이나 돋움 같은 기본폰트도 넣어줬으면 좋겠어요.ㅡ..ㅡ

  9. BlogIcon 오드리햇반 2011.07.12 22:34 신고  댓글주소  수정/삭제  댓글쓰기

    백전백승님 안녕하세요~~ 다른 블로거들의 댓글에서 뵙다가 처음으로 들어왔습니다.
    앞으로 여기서 많이 배울게요~~

  10. BlogIcon Seen 2011.07.13 00:34 신고  댓글주소  수정/삭제  댓글쓰기

    오랜만에 찾아뵙네요. 백전백승님 ^^
    여행을 다녀오고 이제 다시 블로그를 시작하려합니다.
    여전히 좋은 정보를 공유해주시는 군요.
    폰트 부분은 예전에 설정한지라 다시한번 확인해봐야겠네요ㅋ
    즐거운 저녁되시고 내일도 상쾌한 아침 맞이하시길 바랍니다~!

  11. BlogIcon ☞ 참새 2011.07.13 10:07 신고  댓글주소  수정/삭제  댓글쓰기

    글이 중요하지만 글꼴이나 스킨에 관심많은 1인...ㅋ

  12. BlogIcon spidey 2011.07.13 10:21 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리 들어오시는 분은 익스플로러가 압도적이더군요. 크롬이 그 다음. 나머지 브라우저는 얼마 없습니당. ㅋ 아마도 모바일로 들어오는듯하네요.

  13. BlogIcon 심평원 2011.07.13 15:11  댓글주소  수정/삭제  댓글쓰기

    저도 요즘 티스토리 유심히 보고 있어요~
    큰 정보 얻어갑니다..!!!
    아마 티스토리할 때 다시 방문해서 파헤쳐볼 것 같네요. ^^

  14. BlogIcon 비톤 2011.07.13 17:33 신고  댓글주소  수정/삭제  댓글쓰기

    필요한정보 잘보고 갑니다.

  15. BlogIcon 이즈군 2011.07.13 19:30 신고  댓글주소  수정/삭제  댓글쓰기

    전 글쓰기 중에 기본 폰트를 변경할 수 있는 기능이 있었으면 좋겠습니다. ㅋ

  16. BlogIcon 아하라한 2011.07.13 23:22 신고  댓글주소  수정/삭제  댓글쓰기

    흐미 초반에 글꼴 변경할줄 몰라서 완전 고생했던 기억이 새록 새록 납니다.
    맑은고딕 사용중인데요. 마음이 갈대라서 그런가...나눔고딕 보면...나눔고딕 써보고 싶기도 하고...^^

  17. BlogIcon 검댕소년 2011.10.28 18:42 신고  댓글주소  수정/삭제  댓글쓰기

    잘보고 갑니다 .^^

  18. BlogIcon o똥강아지o 2011.12.22 20:48 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리는 언제쯤 웹폰트를 지원할까요..
    이런 저런 웹폰트를 가지고 있고 사용할수 있지만..
    저작권때문에 겁이 나 잘 사용하지 못하고 있는 소심한 1人입니다만 ㅠ_ㅠ...
    티스토리의 웹폰트 지원 계획은 없을 듯 싶은 생각이 드네요...

    • BlogIcon 백전백승 2011.12.22 21:50 신고  댓글주소  수정/삭제

      티스토리에서 웹폰트 지원에 대한 기대는 버려야 할 것 같습니다. 그리고 나눔고딕 EOT는 저작권에 문제가 없는 것으로 압니다만 설치가 쉽지 않으니 답답할 것입니다. 네이버 블로그가 웹폰트도 많고 설정도 쉬웠는데 아쉬울 것입니다.

  19. BlogIcon _~ 2012.04.21 16:20 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요 ^^
    이글을 보다가요;; 저 다음 블로그 관리부분있죠?? 그부분 사이트가 어디인지요 ㅠ
    아무리 찾아 봐도 없어요 ㅋㅋㅋ
    웹폰트 바꿔 보고 싶은데요;;

    • BlogIcon 백전백승 2012.04.21 17:03 신고  댓글주소  수정/삭제

      아래 두가지 방법으로 설명하겠습니다. 두개중 어느 하나를 사용하면 됩니다.

      1. 다음블로그 > 관리 > 직접꾸미기를 누르고 나오는 창에서 확인 버튼을 누르면 됩니다.

      2. 다음블로그 > 꾸미기 > 직접꾸미기

    • BlogIcon _~ 2012.04.21 23:08 신고  댓글주소  수정/삭제

      이게 티스토리에서 하는거 맞죠??;;;
      내가 진짜 못찻는건가;; 다음블로그란건 알겠는데요
      그 관리 부분이 없어요;;
      싸이트 주소좀 적어 주시면 안될까요ㅜ

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

      아닌데요. 다음(Daum) 블로그인데요.
      그 사진은 다음블로그 관리이니 티스토리에서는 찾을 수 없고 Y" style님이 쓰시는 스킨은 저와 같아 기본적으로 나눔고딕이 되거든요.

      나눔고딕은 적용하려고 하는 모양인데 http://min-blog.tistory.com/419 도 참고하세요. 저는 지금 모든 브라우저에 적용되는 모빌리스 웹폰트를 사용하고 있는데 그것은 나중에 설명하겠습니다.

    • BlogIcon _~ 2012.04.24 23:13 신고  댓글주소  수정/삭제

      감사합니다 ^^

  20. BlogIcon 카이로그 2012.09.28 11:53 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리 블로그를 운영하고있는데 정말몇개월간 폰트적용을 못하고있어 답답합니다. 웹폰트 관련 많은 포스트를 보고 적용해봐도 적용이 되지 않는데 도대체 어떤 문제가 있는걸까요?

    • BlogIcon 백전백승 2012.09.28 12:58 신고  댓글주소  수정/삭제

      스타일시트에서 폰트 설정을 지워야 합니다. 보통 스타일시트에서 폰트 설정은 font나 font-family로 하는데 style.css에서 font 설정을 찾아 dotum,arial 등을 지워줘야 합니다. 그리고 스킨위자드를 설정할 수 있다면 스킨위자드의 폰트 설정도 바꿔야 하고요.

      위에서는 어렵게 말했는데 이것에 대해서는 http://min-blog.tistory.com/400 를 보면 이해가 될 것입니다. 이 글을 이해하면 폰트 설정이 간단해요. 모르는 사람은 정말 어렵습니다.

    • BlogIcon 백전백승 2012.09.28 13:10 신고  댓글주소  수정/삭제

      제가 카이로그님의 블로그 CSS를 보니 스킨위자드에서 dotum(돋움)을 기본 글꼴로 설정하는 것 같습니다. 그러면 강제적으로 모든 글꼴을 무조건 dotum(돋움)으로 합니다. 그러니 반드시 위 댓글에 적은 링크의 글을 읽어보세요.

  21. BlogIcon OOOOOOOOOOOOOO 2015.02.28 19:08 신고  댓글주소  수정/삭제  댓글쓰기

    네이버나 다음, 싸이월드 등에서 제공하는 웹폰트들 ttf로 다운받을 수는 없나요?

    • BlogIcon 백전백승 2015.02.28 23:26 신고  댓글주소  수정/삭제

      없는 것으로 압니다. 알아도 가르쳐 드리지 않습니다. 왜냐하면 님에게 피해가 가기 때문입니다. 변환해서 사용해서 고소나 고발당하면 합의금으로 약 100만 원 지불해야 할 것입니다. 그리고 웹폰트를 TTF로 변환하는 것은 들어보거나 본 적이 없습니다. 사진과 더불어 폰트도 고소나 고발 많이 당하거든요. 제가 상관할 바는 아니지만 웬만하면 다운로드 생각하지 마세요.

      일반적으로 웹폰트를 TTF가 아닌 TTF를 웹폰트로 변환합니다. 항상 그런 것은 아닙니다. 아마 웹폰트를 TTF로 변환하는 경우는 없을 것입니다. TTF와 웹폰트 크기가 차이가 많이 나거든요. 제가 사용하는 것은 약 4배...

    • BlogIcon OOOOOOOOOOOOOO 2015.03.03 21:56 신고  댓글주소  수정/삭제

      그런거 같네요 ^^. 저는 웹폰트 무료폰트들이 있길래 네이버에서 제공하는 웹폰트들은 다 무료인줄알았는데 이게 네이버에서만 사용가능하고 네이버에 있는 웹폰트는 알고보니 다 유료네요. 몰랐다능... 암튼 감사합니다.