Only One? Dopus!

티스토리 블로그에 나눔고딕 웹폰트(eot)를 사용하고 계신가요??

그렇다면 강조하고 싶은 문구에 사용하면 딱 좋은 제목용 글꼴인 나눔고딕 ExtraBold도 써보세요.

포스트 제목이나 블로그 텍스트 로고용으로는 딱입니다!



 


언니는 아직 웹폰트 안 쓴단다....

그렇다면 언니는 아래 글부터 먼저 읽고 오세요...

[Tip·Trick] - 티스토리에 나눔고딕 웹폰트 글꼴을 적용하는 간단하고 확실한! 방법


위에 캡쳐 이미지를 보면 나눔고딕 보통나눔고딕 ExtraBold의 차이를 비교해 볼 수 있습니다. 제목에 (24pt) 나눔고딕 보통 폰트에 굵게하는 옵션과 나눔고딕 ExtraBold 폰트를 적용해 보았습니다.
나눔고딕 굵게보다 나눔고딕 ExtraBold가 선이 두꺼우면서도 깔끔해 보이지 않나요? 다음 설명을 보면 그 이유를 알 수 있습니다....

더 보기...


자 다시 본론으로 돌아와서 나눔고딕 웹폰트를 블로그에 적용하고 CSS에서 Bold옵션을 주면 왜 글자가 깔끔해 보이지 알게 되셨을 겁니다.

그렇다면 방법은? 나눔고딕 Bold도 웹폰트로 만들어 사용하든지 아님 차라리 나눔고딕 ExtraBold를 사용하여 확실히 강조를 해주는 겁니다.
적용 방법은 역시 같습니다. 일단 아래 폰트를 블로그에 올리시고요....

@font-face {font-family:nanum; src:url(images/NanumGothic.eot);}
@font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);}
body{font-family:nanum; font-size: 12px;}
div{font-family:nanum; font-size: 12px;}

위에 코드를 CSS에 추가한 다음 나눔고딕 ExtraBold를 사용하고 싶은 부분에 nanumEB를 추가해 주면 됩니다.

Tag : eot, WEFT, 글꼴, 나눔고딕, 나눔글꼴, 웹폰트, 티스토리, 포토샵, 폰트

  1. BlogIcon 넷뱅

    | 2010.06.13 01:08 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    우와 블로그 바탕화면이 너무 예쁘네요+_+

  2. BlogIcon LeeJinSu

    | 2010.06.13 02:23 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    나난오예님 덕분에 유용한 정보 알아가네요.

  3. BlogIcon naburo

    | 2010.06.15 15:38 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    올려주신 글 매우 유용한 정보입니다.
    며칠이나 이것때문에 씨름했거든요! 감사합니다.

    그런데 한가지 궁금한것이 있습니다.
    폰트변환후 폰트이름을 css에 적어주는데 나눔고딕의 경우 nanum, 나눔extrbold는 nanumeb 로 하셨는데...
    이 이름은 어디서 볼 수가 있나요?
    만약에 제가 맑은 고딕을 변환했다면 css에 뭐라고 적어야 할까요?

  4. BlogIcon naburo

    | 2010.06.15 22:52 신고 | 댓글주소 | 수정 |

    예 이유는 읽었는데 ...
    임의로 정의해준다는 데서 제가 이해를 못했나보네요~
    덕분에 이제야 이해가 갔습니다.
    감사~~ 합니다.

  5. BlogIcon 김D

    | 2010.07.21 17:24 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    포스트 잘읽었습니다~ 따라하기도 쉽네요.
    궁금한게 있어서 질문올립니다~
    포스트에디터상에서 엑스트라볼드체를 적용하는 방법은 없을까요?
    css로 '메뉴에쓰이는글씨' '링크가적용된글씨' 같은 경우가아니라..
    본문 중간에 굵게 하고싶은 부분이요~
    기초가없어서 횡설수설했는데 이해하실런지...

  6. BlogIcon 힘내랏

    | 2010.08.18 13:13 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    잘배워서 쓰고있었는데요 ..
    오늘 갑자기 nanumEB 폰트가 안먹네요?
    잘보이던것도 갑자기 굴림인지 돋움인지로 보이고..;;
    그냥 나눔고딕은 잘보이는데 나눔고딕EB만 갑작스래 안보여요 ㅠㅠ
    IE8로 갈아탄뒤의 첫접속에 이런일이 ;;
    일반 나눔고딕의 자리에 나눔고딕EB를 넣어보니
    그냥 굴림으로 나오고 다시 나눔고딕으로 바꾸면 잘나오네요 ;;
    갑자기 EB만 안되는 이유가 뭘까요? ;

  7. BlogIcon 힘내랏

    | 2010.08.19 22:40 신고 | 댓글주소 | 수정 |

    컴에 설치된 나눔들을 삭제했구요
    봤을때 보통 나눔고딕은 잘나오는데 역시나
    EB는 표시가 안되네요.. IE8이라서 그런가요?
    호환성체크후에 보면 EB까지 문제없이 잘나오는데
    IE8일땐 보통 나눔고딕이네요 ..

    한가지 더 여쭤보자면..
    크롬으로 혹시나하고 확인해보니 나눔고딕이
    아예 안나오네요 ..나난오예님 블로그도 그렇구요
    혹시나싶어 다른분 블로그를 가니 나눔고딕이 나오네요;
    아.. ㅠ.ㅠ 답답하네욤 ;;

    장문의 댓글로 괴롭혀드려 죄송합니다 ;;

  8. 북원더러

    | 2010.08.23 13:39 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    어제 보고 따라해서 웬폰트를 지정했거든요-_ㅠ
    티스토리를 처음 여는 터라 긴장해서 했긴 했는데요. 제대로 적용이 된 것 같구요.
    근데 문제는 자꾸 티스토리 블로그에 접속만 하면 꺼져요-
    제가 네이버 블로그도 하는데 그것도 꺼지구요. 아무래도 제 생각에는 네이버에서
    다운 받은 나눔고딕체 떄문인것 같은데..잘 모르겠어요. 폰트가 나눔고딕으로 같거든요. 컴퓨터 설정도 아예 윈도우도 나눔고딕으로 써서 충돌해서 그런가 무족껀 네이버 블로그든 티스토리 키면 컴퓨터 꺼지고 파란 화면으로 넘어가서...다시 재부팅-_ㅠ 다른 사이트에서는 안그래요-_ㅠ 도대체 어찌된 영문일까요? 죄송합니다ㅠ

  9. BlogIcon 싱커

    | 2010.09.25 21:54 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    제껀.. 안되네요 ㅜ,ㅜ..

    제목부분만 굵게 하고 싶은데.. ㅜ,ㅜ

  10. BlogIcon 싱커

    | 2010.09.28 17:34 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    팁블로그에 초대해드리면 쫌 바꿔주시지 않으실래요?~ 제목부분만 굵게 나오면 퍼펙트 하겠는데요 ㅜ,ㅜ

    가능하면.. 초대가능한 메일주소 알려주세요~^^;;; 바쁘시다면 무시해주시구요.. 전 괜찮습니다.

  11. BlogIcon astin

    | 2010.12.07 15:21 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    올려주신 글 보고 티스토리에 나눔고딕을 적용할 수 있었습니다. 초보자 입장에서 쉽게 이해 가도록 자세한 설명에 감사드립니다.

  12. edgar

    | 2011.03.10 14:14 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    예전부터 궁금해했던 부분들이 속 시원하게 풀렸습니다 ^^
    감사합니다!

  13. BlogIcon BFInvestment

    | 2011.03.23 11:17 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    디자인이 너므 멋지네요 좋은 리뷰 잘보고 갑니다.
    꼭 적용 하겠어요 ^^ ㅎ

  14. 태안

    | 2011.08.11 11:12 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    웹폰트는 인터넷 상에서만 되나요?

    내 컴퓨터상에 eot를 넣고 불러오는건 안되나봐요??

Write your message and submit
나눔고딕
요즘 블로그에 네이버에서 배포하는 나눔고딕을 적용하는게 유행입니다. 블로그 방문자의 컴퓨터에 나눔고딕 폰트가 설치되어 있지 않더라도 정상적으로 폰트가 표시되도록 하려면 나눔고딕 웹폰트(eot파일)를 블로그에 적용해야 합니다. 
 
10분 안에 간단(?)하면서도 확실하게 티스토리 블로그에 나눔고딕(또는 다른폰트) 웹폰트를 적용하는 방법을 알아 보도록 하겠습니다.



흠...10분이라? 내가 지금 2시간째
 삽질 중인데 말이 되니~?

물론 되긴 됩니다. 단 몇 가지 조건들이 딱 맞으면...1분 만에도 가능합니다.

더 보기...


어떤가요? 참 쉽죠잉~


Tag : @font-face, css, eot, tff, WEFT, 글꼴, 나눔고딕, 나눔글꼴, 스킨, 웹폰트, 티스토리, 파이어폭스, 폰트

  1. 이전 댓글 더보기
  2. BlogIcon 이녜지

    | 2010.11.01 02:31 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    저도 본문에 적용이 안돼요 ㅠㅠ

  3. hyun

    | 2010.11.17 19:15 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    ㅠㅠ세미클론위치가 틀려서 한참 새로고침했네요ㅠㅠ
    근데 되서..기분좋네요~좋은정보 감사합니다.^^

  4. BlogIcon 키 작은 단테

    | 2010.11.18 23:24 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    덕분에 블로그에 폰트 잘 적용했습니다 계속 쩔쩔매고 못했었는데 ㅎㅎ
    블로그가 너무 심플하고 괜찮네요 스킨은 직접 다 만드신건가요? 저도 이렇게
    꾸미고 싶은데 강좌좀 해주시면 안될까요?

  5. BlogIcon 항시불편

    | 2010.12.23 22:44 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    글 유용하게 보고 물러납니다.

    좋은 정보 감사합니다~
    (티비의 세상구경님 블로그에서 건너왔습니다. ㅋ ^^~)

  6. BlogIcon 능라

    | 2011.01.10 01:21 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    감사합니다.
    덕분에 잘 변경했어요.

  7. BlogIcon 타카코

    | 2011.01.26 13:32 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    좋은정보 얻어가요~
    항상 나눔고딕삭제했다 다시설치했다 .. 반복중이네요 ㅎㅎ
    아무래도 웹폰트가 블로그 열리는속도에 큰 비중을 차지해서 한2초정도 더걸리더라구요 ... 블로그속도 측정하는웹에서 확인해봤는데

  8. BlogIcon 해적왕이꿈

    | 2011.02.14 23:06 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    글자체 마음에 걸렸었는데 좋은 정보 고마워요 XD

  9. BlogIcon 해피포스

    | 2011.02.17 10:41 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    좋은 정보 알아갑니다^^
    어려워서 혼자 끙끙했는데.. 단번에 해결했네요^^

  10. BlogIcon 공감공유

    | 2011.04.01 14:34 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    이거 모든글이 나눔고딕으로 되는데, 글쓸때 수정하는 방법은 없나요??

  11. BlogIcon djdream

    | 2011.04.21 09:55 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    와 2분 걸렸어요. 포스트 타이틀 바꿔주세요 ㅋㅋ

  12. BlogIcon 기신평

    | 2011.04.23 14:26 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    유용한 정보 감사합니다~

    근데 티에디션으로 메인화면 설정 시 글 제목도 나눔고딕으로 할 수 없을까요?

  13. | 2011.05.28 22:07 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    비밀댓글입니다

  14. 김수연

    | 2011.05.29 00:49 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    아 그러시군요ㅠㅠ, 전 어쩌다 개인사진첩 사용으로 쓸 블로그를 찾다 블로그스팟
    을 하고싶어져서요.. 그런데 너무 어렵ㅠㅠ..
    그럼 나난오예님 말씀대로, eot파일을 외부링크에 올려놓고
    @font-face {font-family:rocksalt; src:url()};
    body{font-family:rocksalt; font-size: 12px;} 요 url 부분에 주소를 같다붙이면 되는건가요?!
    흠 사이트를 찾긴했는데 (http://www.divshare.com/) 링크 적용해봤어도
    안되네용.. 제가 너무 몰라서ㅠㅠ읔 다른 쪽 질문으로 해서 죄송해요ㅠㅠㅠ

  15. BlogIcon 아카임

    | 2011.06.29 10:17 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    덕분에 잘 변경했습니다. ^^ basic2008쓰는데 font를 전부 찾아서 nanum으로 추가하고 변경했어요. 바꿔야 하는거 몰랐으면 한참 헤맬뻔 했습니다.

  16. BlogIcon NagiStyle

    | 2011.07.05 17:26 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    늦게 배운 도둑질이 아닌 블로그 질~
    덕분에 좋은거 배워갑니다 +_+

  17. BlogIcon 배짱가

    | 2011.08.10 18:27 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    어휴 다 완성되었다 싶었다 생각했는데 제목이 안되네요.
    FONT-FAMILY:nanum, Verdana, Tahoma, Arial;
    FONT:0.8em nanum, tahoma;를 도대체 어디다가 입력해야 되는 건가요?
    나난오예님?

  18. BlogIcon Rainysunshine

    | 2011.12.14 21:37 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    감사합니다 ^^

  19. BlogIcon 터프마린

    | 2012.02.06 03:43 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    잘 배워갑니다~~~*^^*

  20. Ronaldpn

    | 2014.08.27 08:45 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    Hi all,

    New here. I look forward to contributing and understanding more about this community.
    I am loosing my hair and would love to understand more about it.

    Thanks

  21. BlogIcon Seunghyuni

    | 2015.03.22 08:53 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    감사합니다.^^

Write your message and submit
티스토리와 같은 블로그에 웹폰트 eot파일을 적용
하려면 트루타입 폰트 ttf파일을 가지고 변환과정을 거쳐야 한다.

흔히들 Microsoft Weft가 있어야만 웹폰트 eot파일을 만들 수 있는걸로 아는데 이게 없더라도 다양하면서도 간편하고 효과적으로~ 웹폰트를 변환하는 방법이 있다. 온라인으로 서비스를 하는 사이트도 있지만 외국사이트라 상당히 반응이 느리다!


형은 빨리빨리 해결 보기를 원한다고~
 어떻게 좀 안되겠니?
아래의 방법을 이용하면 누구든지 단 1분안에 간단하게 웹폰트를 만들 수 있습니다!

더 보기...



Tag : eot, TTF, WEFT, 글꼴, 나눔고딕, 웹폰트, 폰트

  1. BlogIcon 민구사이륙

    | 2010.07.21 10:21 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    TTF2EOT 사용할때 질문이 있습니다. 첨부한 TTFEOP.cmd 를 파일명으로 수정해서 제가 원하는게 다음체라서 Daum_Regular 웹폰트 하여튼 이런거 여기 까지 했는데, 2번에서 막혔어요.ㅠㅠ

    폴더 안에 폰트와 cmd 파일을 넣어두는 건가요?

    cmd 파일 열면 막 열렸다가 바로 막 닫히던데.

    그러면 exe 파일은 언제 쓰는 것인가요?

  2. BlogIcon 민구사이륙

    | 2010.07.24 08:14 신고 | 댓글주소 | 수정 |

    아 그렇군요!! 근데 명령어를 프롬프트에서 쓰니깐, exe 이 프로그램이 외부나 내부에서 설정할 수 있는 게 아니래요.ㅠㅠ

  3. EDGAR

    | 2011.03.10 12:21 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    유익한 정보 잘 보고 갑니다^^

    머리에 쏙쏙 들어오네요!

  4. BlogIcon 핸쩐

    | 2011.05.08 14:16 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    우와 대박이에요! 진짜 순식간에 Good 감사합니다!!ㅋㅋ

  5. 손님

    | 2011.07.14 13:46 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    감사감사합니다

  6. 흑흑

    | 2011.08.24 11:28 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    정말 큰 도움이 되었네요. 감사합니다! ㅠㅠ

  7. | 2012.04.10 09:16 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    비밀댓글입니다

  8. BlogIcon ghd espa?a

    | 2013.04.08 05:49 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |

    http://mih.freerunouts.com/

Write your message and submit

티스토리 툴바