메뉴 건너뛰기

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 48029
2335 [pts6 : 허접 강좌시리즈1]스타버스트 응용[수정완료-_-v] [11] Difications 2002.03.01 5782
2334 生도트 :: #2 나무를 심어보자! [18] Es. 2002.03.01 8314
2333 [디피의 쓸대없는 강좌2] msn을 이용한 도트 흉내내기 [4] file Difications 2002.03.01 7030
2332 [디피 포샵 강좌 3] 풀무원 로고 흉내내기 [10] file Difications 2002.03.01 12570
2331 초코렛 만들기 [10] file 후니 2002.03.01 7883
2330 [퍼니페인트]그림 나누어 저장 시키기 [2] funnyPSP 2002.03.01 2627
2329 스켄라인 긋기 [3] file 후니 2002.03.01 6614
2328 [퍼니페인트]페인트샵 풀무원..;; [7] funnyPSP 2002.03.01 3092
2327 [PSP5] 간단하게 글자에 태두리 넣기 [7] file emotions 2002.03.02 3745
2326 [키르강좌] 빤짝이는 축전만들기~★요청&추천★ [2] 키르(SP) 2002.03.02 10060
2325 이미지 밝은 효과주기 [2] file LitQoo 2002.03.02 6255
2324 生도트 :: #3 샤론 슬라임 [13] Es. 2002.03.02 8140
2323 (FLASH) 제로보드 플래시로 만들기 (1) [14] file 야웅 2002.03.03 31992
2322 [pts6 디피 강좌4] 파란색 키보드에 글씨 집어넣기1 [1] file Difications 2002.03.03 7391
2321 [pts6 디피 강좌5] 파란색 키보드에 글씨 집어넣기2 [13] file Difications 2002.03.03 8624
2320 [퍼니페인트]페인트샵에서 자판에 글씨 넣기 [6] funnyPSP 2002.03.03 3741
2319 [키르강좌] 듀오톤이미지..^^ [4] 키르(SP) 2002.03.04 6102
2318 ☆>>포토샵<<☆+타야+의 초간단 염색하기강좌 [12] +타야+ 2002.03.06 9108
» [특보] 웹폰트 만들기.. [18] mo2ni 2002.03.06 10991
2316 [참조] 웹폰트 사용하기.. [2] mo2ni 2002.03.06 11049