메뉴 건너뛰기

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 48027
182 플래시,동영상 목록만들기 윤선미320 2007.12.01 11613
181 테두리가 둥근 아이프레임 홈페이지 만들기(나모편) [2] 로베 2004.05.10 11597
180 미니 홈페이지를 만들자 #2 [6] Eva010 2004.05.25 11402
179 [ All User? ] #02. 개인홈페이지를 구성해보자. [8] Nersion 2003.01.13 11396
178 (나모) 그림에 마우스 대면 아래에 서브메뉴 뜨게 하기 [30] Probe 2003.02.06 11329
177 [웹사이트만들기]매핑테이블을 만들어 보세요 [13] file HomeBox™ 2004.04.19 11303
176 저작도구 템플릿- 5백종류 네비게이션버튼 포함 file 윤선미320 2011.06.07 11202
175 [참조] 웹폰트 사용하기.. [2] mo2ni 2002.03.06 11049
» [특보] 웹폰트 만들기.. [18] mo2ni 2002.03.06 10991
173 [웹사이트만들기]사용자를 위한 디자인 file HomeBox™ 2004.04.29 10875
172 [Swishmax] 라벨을 이용하여 메뉴 만들기 [7] file 세나맘 2004.03.09 10616
171 교수-학습 자료 제작및 활용 강의교재 file 김종판 2007.11.13 10483
170 [제로보드강좌]9강. 회원관리/외부로그인 [45] 네찌 2007.01.04 10455
169 [제로보드강좌]12강. 최근게시물[이미지] 뽑아내기 [51] 네찌 2007.01.19 10290
168 [웹사이트만들기]화면설계와 구성요소 上(스터디에 사용한 폰트 설정법 추가) [5] file HomeBox™ 2004.05.05 9956
167 [ico] 즐겨찾기 아이콘 만들기 [13] file yami 2002.03.16 9680
166 페인터로 그림그리기..ㆁ [16] file 김태현 2003.12.01 9677
165 [제로보드강좌]10강. 최근게시물 뽑아내기 [42] 네찌 2007.01.07 9538
164 [강좌] Tile Macker (Image Ready) [4] file 페류 2003.02.27 9345
163 본메뉴에 마우스오버스시 서브메뉴 나타나기(허접강좌ㅡㅡ;;) [5] 박은석 2002.09.18 9233