다음뷰에는 수많은 블로거들의 다양한 글들이 시시각각 올라오는 공간이다. 여기서 다른 사람들의 글을 읽다보면 홈페이지의 구성이 아주 다양하다. 어떤 사람 블로그는 스킨도 깔끔해서 다시한번 찾고 싶은 블로그가 있는가하면, 어떤 블로그는 스킨이 너무 복잡하고 어수선해서 글을 읽기 힘든곳도 있다.

블로그는 1인 미디어로 각자 취향에 따라서 꾸미는것은 개인의 자유지만, 기왕에 남들에게 노출시킬 욕심이 있으면 가능한 단순하고 바탕화면이 깨끗해서 글을 읽기 편하게 해주는것이 좋을듯하다. 타인의 블로그를 다니다보면 신기하게 글꼴이 시원한게 읽고도 편하고 눈이 즐거운 글꼴을 발견한다.

처음에는 블로그에서 본문에 글을 쓰고나서 글꼴을 바꿔보려고 기본제공되는 글꼴로 다 바꿔보아도 마음에 드는 글꼴이 없었다. 나중에 알고보니 요즘 네이버에서 제공하는 나눔고딕이나 나눔명조체, 그리고 마이크로 소프트의 맑은고딕등 별도의 글꼴을 스킨에 적용하고 소스를 수정해야하는것을 알았다.

그러나 티스토리 글꼴을 바꿔보려고 인터넷에서 정보를 검색해보니 "Web Embedding Fonts Tool, WEFT" 라는 마이크로소프트 웹 글꼴 유틸리티로 TTF → EOT 형태로 변환해야 한다고했다. 그러나 영문프로그램에다가 너무 절차가 복잡해서 몇시간만에 결국 포기했다.


그러나 티스토리 홈페이지 글꼴을 변환하고 싶은 욕심때문에 몇시간만에 아주 좋은 유틸을 찾아내는데 성공했다. 소개하고자하는 프로그램은 "EOTFAST"  라는 유틸프로그램으로 링크를 따라가면 FREE DOWNLOAD 가 가능하다. 다운로드 버튼을 클릭하면 영문으로 질문하는 페이지가 나온다.


가방끈이 짧으면 영문으로 질문이 솓아지니 답변하기 사실 곤란하다. 하지만 눈으로만 응답하면서, 맨하단에 DONE을 클릭해주면 다운로드 받아도 된다는 화면으로 넘어간다. 여기서 다운로드 버튼을 클릭해서 내 컴퓨터 문서등에 저장하고 작업을 시작하면된다.

혹시 프로그램 다운로드가 안되는 블로거를 위해 EOTFAST 원본파일 첨부!



내문서에 저장했으면 파일탐색기에서 압축파일로된 EOTFAST 원본파일을 확인 할 수 있다. 그리고 더블클릭을 하면압축풀기가 완료되면 위와같이 5개의 파일이 보인다. 여기서 맨위에 EOTFAST~1을 클릭하면 또다른 실행파일 폴더가 형성된다.


이제 정상적으로 실행파일 폴더에 5개의 파일이 보인다. 큰 아이콘으로 보니까 EOTFAST라는 실행프로그램은 표범의 머리처럼 보이는 아이콘이다. 옆에 보이는 파일들은 복잡하니까 굳이 실행해볼 필요 없으니 그대로 패스~~ EOT 변환프로그램을 구하면 절반은 성공!


이번에는 블로그에서 많이 사용하는 나눔고딕, 나눔명조, 맑은고딕, 맑은명조, 글꼴을 구하는 일이다. 위 화면은 윈도우XP 탐색기로 하드디스크 C → WINDOWS → FONT 폴더를 열어보면 각종 TTP 글꼴들이 100여개 들어있다. 그중에서 나눔고딕을 복사해서 EOTFAST 실행폴더에 집어넣는다.


WINDOWS 7 운영체계를 사용하는 PC는 FONT 폴더의 글꼴중에서 우측마우스를 클릭하면 복사메뉴가 나온다. 여기서 필요한 글꼴을 복사해서 EOTFAST 실행프로그램 폴더에 붙여넣으면 된다. 혹시 FONT폴더에 나눔글꼴이 없으면, 네이버에서 나눔글꼴을 설정하면 글꼴이 생성된다.


이제 폰트폴더에서 복사해온 TTF 형태의 글꼴을 EOT 형태로 바꾸는일은 1초면 끝난다. 방법은 변환하고자하는 글꼴을 EOTFAST~1 이라는 표범의 머리위에 마우스로 끌어서 올려 놓으면 표범의 지능으로 순식간에 변환해준다.


예제파일처럼 나눔고딕이라는 파일을 실행파일인 표범의 머리위에 마우스로 끌어다 올려 놓으면 프로그램을 실행할것인지 보안경고창이 뜬다. 여기서 무조건 OK~~ 실행버튼을 클릭하면, 검정색 도스창이 팝업되면서 ????? 표범의 두뇌에서 무언가 잠시 생각한다.


글꼴이 변환되는 시간은 1초정도로 지극히 짧지만 표범의 두뇌로 나눔고딕의 TTF 형태의 글꼴을 EOF 형태의 글꼴로 변환해서 별도로 파일을 형성한다. 일반적인 TTF 글꼴은 크기가 2.23MB 지만 EOT 글꼴로 변환하면 845K 정도로 1/3 수준으로 사이즈가 줄어서 아주 가벼워진다.

일반적인 글꼴은 TTF 형태로 컴퓨터 FONT 폴더에 보통100개가 넘는 글꼴이 저장되어 있어서, 웹페이지나 문서의 글꼴을 읽어주지만, 글꼴이 설치되지 않은 다른사람의 컴퓨터에서 자신만의 깔끔한 글꼴이 읽혀지기를 원한다면 자신의 블로그 스킨에 EOT형태의 글꼴을 설치해야한다. 

일반적으로 알려진 "Web Embedding Fonts Tool, WEFT"  프로그램은 M.S에서 영문버젼으로 제공하지만 가입절차와 적용할 블로그 주소까지 등록을 하는 불편함이 있어서 초보자들은 많은 어려움이있다. 하지만 "EOTFAST" 는 아무런 제약없이 글꼴변환이 초간편으로 이루어진다.

내일 포스팅에서는 EOT 파일로 변환한 나눔글꼴을 블로그에 적용하는 방법에 대해 알아본다.

☞ 관련글 보기: 티스토리 블로그에 나눔글꼴 간편하게 적용하는법



유익하게 보셨나요?^^ 손가락 모양을 클릭하면 추천됩니다.



Posted by 행복한 털보작가

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. Favicon of https://0168265.tistory.com BlogIcon 미자라지 2010.07.30 10:07 신고  댓글주소  수정/삭제  댓글쓰기

    블로그는 알면 알수록 너무 힘들어요..;;
    저는 그래서 기본글꼴 사용...ㅋ

  3. Favicon of https://leeesann.tistory.com BlogIcon pennpenn 2010.07.30 11:16 신고  댓글주소  수정/삭제  댓글쓰기

    아이구~
    머리 아파요~ 그냥 적당히 하렵니다. ㅎ ㅎ ㅎ

  4. 이그림 2010.07.30 11:43  댓글주소  수정/삭제  댓글쓰기

    보기 쉽게 이렇게 글을 올리셨군요.수고 많으셨습니다
    더운 여름철 건강하세요.

  5. Favicon of https://rubygarden.tistory.com BlogIcon 루비™ 2010.07.30 11:50 신고  댓글주소  수정/삭제  댓글쓰기

    오...대단하십니다...
    나눔고딕 참 이쁘죠?

  6. Favicon of https://lovetree0602.tistory.com BlogIcon 초록누리 2010.07.30 12:08 신고  댓글주소  수정/삭제  댓글쓰기

    글꼴 바꾸기가 쉽지 않던데 좋은 팁 감사합니다.
    저는 한 번 선택한 글꼴이라 지금까지 그냥 사용하고 있어요.
    다음에 마음 바뀌면 시도 한 번 해볼게요^^*

  7. Favicon of http://naeng-e.tistory.com BlogIcon 냉이' 2010.07.30 12:22 신고  댓글주소  수정/삭제  댓글쓰기

    티 글꼴 엄두도 못내고 있어요.
    역시 전 다음블로그 체질이에요 ㅎㅎㅎㅎ

  8. Favicon of https://bbulzzum.tistory.com BlogIcon 뻘쭘곰 2010.07.30 15:00 신고  댓글주소  수정/삭제  댓글쓰기

    아직 글꼴 괜찮아서 바꿀생각 없었는데 한번 바꿔보고 싶은 생각이...ㅎㅎ;

  9. Favicon of https://shlim1219.tistory.com BlogIcon ★안다★ 2010.07.30 18:17 신고  댓글주소  수정/삭제  댓글쓰기

    털보아찌님,안녕하세요^^
    어제,오늘 정신없이 바빠서 이제야 들렸습니다~
    에~효...땀납니다ㅜ.ㅜ

    오늘도 역시 유용한 정보...!!!
    털보아찌님의 블로그는 다양한 정보와 사람냄새 나는 이야기가 가득해서 좋습니다~^^
    편안한 금욜 저녁 보내세요~

  10. 들꽃 2010.07.30 21:31  댓글주소  수정/삭제  댓글쓰기

    좋은 방법을 ,,잘 배워 감니다,

    문의 임니다,
    사진을 컴퓨터에 오리려니,,컴퓨터 연결이 ~몇일전부터 되다 안되다,
    답답해요,~

  11. Favicon of https://bloping.tistory.com BlogIcon 새라새 2010.07.30 21:33 신고  댓글주소  수정/삭제  댓글쓰기

    오~ 글꼴을 변환할 수 있다는게 신기하네요^^

  12. Favicon of https://junke1008.tistory.com BlogIcon mami5 2010.07.30 22:37 신고  댓글주소  수정/삭제  댓글쓰기

    아찌님방 글들이 다 요걸 이용한건가요..^^
    특이합니다..^^

    난 배우기가 왜이리 어려운지..^^

  13. Favicon of https://bookandlife123.tistory.com BlogIcon 영글음 2010.07.31 00:28 신고  댓글주소  수정/삭제  댓글쓰기

    제가 바로 몇날 며칠 글꼴 수정하려고 난리치다가 포기한 1일이어요. 다음글을 기대하고 있습니다.
    드디어 제 블로그도 새로운 글꼴을 가질 수 있을까요? 어흑

  14. 매직퀘두 2010.08.10 16:00  댓글주소  수정/삭제  댓글쓰기

    간사해여 ^^

  15. 와>_< 2010.10.10 11:42  댓글주소  수정/삭제  댓글쓰기

    weft가 오류가 잘나서 어쩌나 했는데 정말 유용한 방법 감사합니다^^ 도움 많이 되었어요

  16. Favicon of https://asdffff.tistory.com BlogIcon Aira.K 2010.10.29 11:22 신고  댓글주소  수정/삭제  댓글쓰기

    weft 설치 오류가 나서 포기하고있었는데, 이런 방법도 있었네요~
    많은 도움 되었습니다. 감사합니다:)

  17. 고민 2010.11.14 13:09  댓글주소  수정/삭제  댓글쓰기

    근데 변환했는데 0kb로 바뀌는것도 있던데 그런건 어떻게해야되죠?

  18. 고민 2010.11.14 13:30  댓글주소  수정/삭제  댓글쓰기

    바꼈어도 안되는것도있고.. 안되는건 폰트네임쓸때 잘못써서그런가요??
    정확한이름을 어떻게알죠??ㅜㅜ

  19. 이로떼 2011.01.12 14:28  댓글주소  수정/삭제  댓글쓰기

    잘 보고 가요! 도움이 많이 되었습니다~ 감사합니다 ^ ^

  20. Favicon of http://www.perfectreplicawatch.co.uk/replica-patek-philippe-c-130.html BlogIcon patek philippe replica 2011.08.03 17:36  댓글주소  수정/삭제  댓글쓰기

    당시는 전기가 부족했고 선로가 안좋아서 변압기에서 조금 떨어진 가구들은 많은 불편을 겪었지요. 그러다가 220V로 승압하고나서 편리한점도 있지만, 기존에 사용하던 가전제품의 사용문제로 인하여 많은 민원이 생기기도 했습니다. 우선 가전제품을 사용하려면 110V로 강압하는 트랜스를 통해서 사용해야하지만, 실수로 곧바로 연결해서 가전 제품을 태워먹던 많은 사건들을 기억할겁니다.

  21. wynn 2013.04.30 16:26  댓글주소  수정/삭제  댓글쓰기

    뒤늦게 도움을 받았네요 너무 감사합니다:)