메뉴 건너뛰기

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
1535 간단하게 스타일로 물방울, 사탕, 버튼 만들기 [16] file RedEye 2003.01.29 11759
1534 오번엔 사과만들기 [8] file 정진혁 2003.01.29 6378
1533 설치시 나는 에러 해결하기~ [2] 은하수 2003.01.29 4965
1532 인물사진의 눈을 확대하기★ [8] file 은하수 2003.01.29 9246
1531 그래픽펜으로 멋진 흑백사진 만들기 [5] file 은하수 2003.01.29 8589
1530 이번엔 지우개 틀에 대해서 배워볼까합니다 [3] file 정진혁 2003.01.29 3718
1529 생명공학풍의 텍스쳐 만들기 [10] file 마리아 2003.01.29 7232
1528 싸이버틱(!) 한 줄을 만들어 축전에 이용해보자! [13] file 이쉑아™ 2003.01.29 7163
1527 귀차니스트를 위한 애니메이션샵을 이용해 간단하게 베너, 꼬랑지 만들기 [12] file 대현 2003.01.29 6345
1526 화선지에 먹물떨군 효과. [16] file 마루 2003.01.30 23923
1525 아바타 얼굴 그리기 - 노란머리 [8] file 여자의뿔 2003.01.30 6580
1524 입술성형, 완벽하게 하자! [9] file puki 2003.01.30 8560
1523 키보드로 Opacity(투명도)조절하기.. [14] Smileru 2003.01.30 6247
1522 아바타 머리 명암주기..! [15] 레드 2003.01.30 5689
1521 [완전 초보] 초보자 이번엔 건물 그리자~ [11] file [포터]아렌티 2003.01.30 6669
1520 그림판으로 포토샵처럼 브러시를 끼워넣자 [#그림판강좌] [7] file Probe 2003.01.30 6660
1519 소스 보며 포토샵 배우기 #1 [7] file .KLE 2003.01.31 5947
1518 알록달록 달마시안 글자 만들기. [완성작 허접함] [5] file 이쉑아™ 2003.01.31 6311
1517 먹물 번지는 효과 [포토샵6.0에서도 간단히] [8] file geu::ty 2003.02.01 11077
1516 [허접강좌] 암초만들기 [11] file 라하 2003.02.01 3872