태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

나눔고딕 웹폰트 적용

2012.12.09 02:02

원래 이 블로그 스킨은 PC에 나눔고딕이 설치되어있으면 나눔고딕으로 보여주고

나눔고딕이 없으면 맑은고딕으로 보여주고, 맑은고딕도 없으면 돋움으로 보여주는 형식으로 되어있었다.

 

내 컴퓨터에는 나눔고딕이 깔려있었고 처음 스킨을 수정할 때 블로그 이름의 박스는 나눔고딕에 맞추어 만든 것이었다. 그 때는 이게 나눔고딕 이외의 폰트에서 다르게 보인다는 사실을 인식하지 못했었고 우연히 나눔고딕 미설치 컴퓨터에서 들어가봤더니 ..

 

 

 

 

순간 당황했다. 이게 뭐지? 어색하다. 내가 생각한 모양이 아닌데.. ㅋㅋ

XP에서는

 

 

 

그래도 좀 더 낫긴하지만 옆으로 치우져있다. 그래서 웹폰트 형식으로 나눔고딕을 블로그에 설치하기로 마음먹었다. 티스토리에 처음 만들고 폰트를 나눔고딕으로 바꾸려다가 몇시간동안 했는데 결국 실패한 아픈 경험이 있어서 망설여졌지만, 가장 크게보이는 블로그 이름이 다르게 보이는데 이건 내가 힘들게 수정한 블로그 스킨에 대한 도전 (?) 이라고 생각했다.

 

처음 수정할 때는 "NanumGothic bold"가 무슨 의미인지 정확히 몰라서 그냥 전부 NanumGothicBold로 보이게 했더니 이게 아니었다. 그래서 결국 직접하나 하나 대조해가면서 약 1시간 가량 수정을 마치고 ..

나눔고딕을 설치하지 않고 보아도 거의 나눔고딕 설치한 PC처럼 보이게되었다.

(용량때문인지 한자는 그대로 사용되었지만)

 

 

 

나눔고딕이 미설치 상태인데 잘 나온다.

 

웹폰트를 웹링크로 서비스하는 것을 사용할지, 아니면 직접 티스토리에 올려서 사용할지 고민하다가 브라우저 별로 따로 세팅할 필요없이 모두 잘 보이는 웹 서비스 형식으로 설치했다.

망할 IE 4~8은 eot만 지원하고 최신 IE와 다른 브라우저들이 지원하는 woff를 지원하지 않아서..


Related Posts Plugin for WordPress, Blogger...
 

Comments

댓글 입력 폼

굵게 밑줄 기울이기 취소선   글자 크기   이미지   이미지 업로드   도움말

  1. BlogIcon 모르세 2012.12.09 11:01 신고

    날씨가 추워 집니다.모닥불처럼 따스한 시간이 되세요.

    perm. |  mod/del. |  reply.
  2. BlogIcon Misun Kim 2013.02.01 12:55 신고

    ㅎ.ㅎ 저도용~ 얼마 전 갑작스레 티스토리 상에서 나눔고딕이 안보여, 웹폰트로 적용하게 되었답니당. :)

    perm. |  mod/del. |  reply.
    • BlogIcon 리빌스 2013.02.01 13:09 신고

      새벽에 티스토리 측에 티스토리 자체 링크를 사용한 웹폰트 적용 관련 문의를 보냈습니다. 크롬만 정상적으로 웹폰트 적용이 되고 나머지는 안 되는 문제로요. 아직 답변이 안와서 모르겠는데 문제 해결이 되면 좋겠습니다. (가능성은 굉장히 낮을 것으로 보고 있습니다;) IE9 이후 버전과 파이어폭스의 경우 티스토리 자체 업로드로 사용하면 적용이 안 되서 지금 애매하게 만들어놨어요.

    • BlogIcon Misun Kim 2013.02.03 00:32 신고

      웹폰트 적용하는 것 http://martian36.tistory.com/1094 여기에서 참고해보세요! :)

    • BlogIcon 리빌스 2013.02.03 06:18 신고

      제가 원하는 폰트가 없어서 티스토리 자체 업로드로 사용하려고 했는데, 티스토리쪽에서 차단되는 것같더라고요. 그래서 다음으로 문의를 넣었더니 정확한 답변을 위해서 시간이 걸릴 거라고 먼저 답변이 왔었어요. 기다려봐야죠.

    • BlogIcon Misun Kim 2013.02.04 01:13 신고

      아, 그래요~ 티스토리도 완전한 오픈형이 아니라서~ 막혀있는 부분들도 꽤 되요! 그래서 설치형인 워드프레스가 매력이 있기도 하지용. :)