메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

기타 [특보] 웹폰트 만들기..

2002.03.06 01:48

mo2ni

웹 서핑을 하다가 좋을 것을 발견 했어요..
웹정체, 웹민체(폰트피아에서 유료로 파는 것) 같은 웹폰트를 직접 만드는 법입니다. ^^
아래글은 출처 사이트에서 그대로 퍼옴을 알려드립니다~
만약 글쓰신분이 원하시면 이글 지울테니 메일주세요~ ^^;

출처 : http://shelter.zoa.to/


일단 필요한 프로그램은 Font Creator Program과
Microsoft의 WEFT라는 프로그램입니다.

WEFT란 프로그램은 트루타입 폰트(확장자 .ttf)를
웹폰트(확장자 .eof)로 바꿔 주는 역할을 합니다.
하지만 현재 버전의 WEFT는 폰트의 이름이 한글일 경우
사용을 할수 없다는 치명적인 단점을 가지고 있습니다.

그래서 Font Creator Program으로 우선 폰트의 이름을 영문으로 바꿔줍니다.

폰트의 이름을 영문으로 바꿔주는건 의외로 간단 합니다.

Font Creator Program (Font Creator Program 3.0 - DOWN)을 설치 후, 실행 시킨뒤
웹폰트로 전환시키고 싶은 폰트를 엽니다. (File/Open)

Format/Naming을 선택하면 다음과 같은 창이 뜹니다.



폰트의 이름을 모두 영문으로 바꾸고 난 후에 저장해 주시면 됩니다.

저장한 후에는 폰트를 install 시키셔야 하는데,
Font Creator를 이용하여 install 하는 경우는 메뉴에 Font/Install을
선택 하면 자동으로 폰트 설치가 됩니다.

폰트의 이름을 영문으로 바꾸고 폰트를 설치 하셨다면,
WEFT (Microsoft Weft v3.0 - DOWN)을 설치 합니다.

처음에 Weft를 설치하면 이름과 E-mail등을 물어 보는데 무료이므로 그냥 원하시는데로
적어 주시면 됩니다. 그리고 Font DB를 만들겠냐고 물어볼때는 Yes를 선택하시면 됩니다.

그리고 나면 다음과 같은 화면이 나오는데,



그냥 컴퓨터 안에 있는 홈페이지의 위치를 적어주시면 됩니다.

Analyze Web Pages에서 skip analysis를 선택 하세요.
이 부분은 홈페이지에 어떤 폰트가 쓰여져 있는지를 검사하는 것인데.
만약에 홈페이지를 default폰트가 아니라 다른 폰트를 이용해서 만드셨으면
skip analysis를 선택하지 않으시면 웹폰트로 전환해야 할 리스트를 만들어 줍니다.

다음 창은 Fonts To Embed입니다.



여기서 Add를 선택해서 웹폰트로 만들고 싶은 폰트를 선택 하시면 됩니다.
저 같은 경우는 Subset을 따로 정해 줬습니다. 그게 귀찮으시면 subset 6번을 선택하고
Language에서 Hangul을 선택 하셔도 됩니다. 하지만 제가 웹폰트를 만들어본 결과
따로 Subset을 지정해 주는게 낳은것 같습니다. 참고로 Subset에서 지정해 주지 않은 문자를
웹에서 사용 하게 되면 그냥 네모 모양의 문자가 나옵니다.

제가 설정한: Subset Date

Subset을 지정해 주셨으면 다음 으로 넘어가서
Enter the location where the font objects will created란에
폰트를 저장할 위치를 설정합니다.
Font objects may only be used from pages under this root는 웹폰트를 사용할
루트를 지정해 주는 것인데

예를 들면, 웹페이지 주소가 http://shelter.zoa.to/lalalala/index.htm 이라면
루트는 http://shelter.zoa.to/lalalala로 설정해 주셔야 합니다.

저같은경우 루트 설정은
http://shelter.zoa.to/ (홈페이지 주소)
http://shelter.zoa.to/paint/ (오에카키 디렉토리)
http://shelter.zoa.to/zboard/ (제로보드 디렉토리)
file://c: (하드 드라이브)
file://c:My DocumentsNew_Home (홈페이지가 저장된 위치)
이렇게 설정을 했습니다.

그리고 다음을 설정 하신뒤
Publish Web Pages에서는 그냥 Do not upload modified pages to my server를 선택하세요

이렇게 하면 이제 웹폰트는 완성 된겁니다.

참고: http://www.microsoft.com/typography/web/


-mo2ni-
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
115 바람개비 애니메이션이에요^^ [22] file endless 2004.06.15 22147
114 엉망진창 아쿠아 만들기;;;;; [13] file 카루스 2004.02.15 22282
113 [로제] 장미꽃 만들기&그 외 다양한 꽃 [31] file 로제 2003.07.15 22327
112 azza7.net / #1 비내리는 효과 만들기 [18] file 아자:) 2003.07.21 22367
111 [하이링고]원 입체도표 만들기 [27] file 하이링고 2002.05.15 22471
110 플라스틱 또는 젤 느낌의 텍스트 만들기 [16] file 카라 2002.02.21 22544
109 [일러스트]캐릭만들기..-_- 쿨럭.. [15] file 미스디쟌 2002.08.14 22581
108 KTF의 have a good time 따라하기 [21] file Toy 2003.09.18 22641
107 필터 Color Halftone을 이용한 물방울 테두리 효과 [12] file endless 2004.04.06 22761
106 [1003's love] 거품 만들기 [42] file 1003 2002.11.11 22829
105 [팁] 플래쉬 소스보는법 [20] ECKS 2003.02.05 22833
104 여러가지 문자 디자인 [5] file 여어자 2003.05.07 23039
103 구띠 강좌입돠~.. 물방울 만들어 먹기.. 아... 쉽다~ [42] file 구띠 2002.05.06 23062
102 심플한 버튼 만들기 [15] file Win'X' 2004.03.01 23148
101 물 느낌의 텍스쳐 ( 배경같은.. ) 만들기 입니다. [17] file 카라 2002.02.21 23213
100 "빛" 이 스쳐지나가는 배너만들기(지존 노가다;;) [17] 우연 2004.12.19 23306
99 포토샵 7.0 - 22. 포토샵으로 홈페이지 메뉴만들기 [13] 서기 2005.11.11 23311
98 [문자디자인②]Distort를 이용한 서 있는 글씨 만들기... [15] file Smileru 2004.05.14 23327
97 진짜 눌러질꺼 같은 버튼 만들기 [27] file 김문정 2003.07.10 23452
96 [photoshop] 이쁜 버튼을 만들자.. [15] file 샤오란 2002.09.07 23453