2008/09/27 16:14

Tistory 웹폰트 적용에 관련된 Tip-! (2)

2008/09/27 16:14 in bLoG sToRy

지난번 웹폰트 적용에 이어 추가적으로 웹폰트 제작에 대하여 알아보자-!

지난 포스팅에서는 웹폰트를 TIstory에 적용하는 과정을 나름 정리해 보았다

이번에는 웹폰트 변화에 대하여 적어보려한다

실제 컴퓨터에서 사용하고 있는 폰트를 웹폰트로 변환하기 위해서는 일련의 과정이 필요한데-

일단 첨부한 파일을 다운로드 받는다

다운로드 후 압축을 풀고 WEFTIII2b1.exe 를 설치-!

설치 후 Microsoft WEFT를 실행..

여기서 부턴 그림으로-

처음 화면이 뜨면 'file://'로 변경 후 뒤의 '...'을 클릭-!

index.html 파일을 선택 후 열기
(이때 index.html 파일은 한글명이 없는 경로에 존재해야 함-! c:\에 놓고 사용하면 편함)

화면을 확인 후 다음으로 진행

'Skip analysis' 선택 후 '다음' 클릭

폰트를 선택하는 화면 'Add'를 클릭

변환하려고 하는 폰트를 선택한다
(나는 '앙증'을 선택)

모든 문자에 적용할 수 있는 Subset을 적용시킨다
'Subset' 클릭

'Load' 클릭

파일형식을 'All Files' 로 변경한 후 압축을 푼 폴더에서 'Subset-All.txt'를 선택-!

'한글'로 세팅 후 'Ok'

'다음' 클릭

'빨간 박스'를 체크 후 '다음' 버튼 클릭
(여기서 위에 'Edit'를 눌러서 본인이 사용할 블로그나 홈페이지를 넣으라고 하는데 차이를 모르겠음)

위와 같은 창이 나왔다면 웹폰트로 변경완료-!

font-family는 추후에 웹에서 사용할 때 적용해야 할 폰트의 이름-!
c:\DBFNT3.eot는 웹폰트 파일의 위치 및 이름

적어놓으면 나중에 웹에 적용할 때 편하다

여기까지 웹폰트 만드는 방법을 정리해 보았다~

Creative Commons License

Tistory 웹폰트 적용에 관련된 Tip-! (2) (3)	2008/09/27
Tistory 웹폰트 적용에 관련된 Tip-! (0)	2008/09/20

Posted by sesamz

Trackback 1 Comment 3

Subject 웹폰트 적용이 끝나다
Tracked from 달콤!새콤!쌉쌀한 LIFE in USA 2009/02/28 00:18
드디어 웹폰트 적용을 마무리 지었다. 에고고...많은 무료 글꼴들이 있었지만, 모니터만을 보고 있는 것만도 눈에 피로를 줄텐데 작은 글씨는 더욱더 눈의 피로를 증가시킬것 같아서 결국엔 지금의 폰트로 결정. 바로 "다음체" 이다. 다음, 네이버를 비롯해서 한글의 예쁜 글꼴이 무료로 배포를 한다. 웹폰트를 그전부터 직접 만들어서 써본(프로그램이용해서 변경하는 방법을 이용) 경험이 있어서 많이 어렵지는 않았지만, 폰트 선정에 있어서는 조금 갈등이 싶했다...

레이먼 2009/03/27 09:42
아이고 올려주신 글 잘 보았습니다. 질문하나 있는데요. 왜 저는 subset editor의 language부분에 "Hangul"없는걸까요..?
- sesamz 2009/03/27 13:02
  폰트에 따라서 한글 subset이 없은 것이 있을수 있는데요..
  subset-all을 선택하신 건 맞으시죠? 폰트를 보내주시면 확인해보겠습니다~ sesamz@dreamwiz.com입니다~
- sesamz 2009/03/28 10:53
  안녕하세요 메일 확인이 늦었습니다 ^-^
  답메일에 그림 첨부했습니다.
  그림처럼 바꾸고 하시면 되지 않을까 싶네요-
  확인해보고 연락주세요
  좋은 결과 있으시길 바랍니다~