웹폰트 만들기

웹폰트 만드는 법을 소개합니다.

웹폰트는 계정이 있어야 하는데 티스토리에서는 skin>images 폴더에 업로드후 사용하면 되므로 티스토리 블로그에 간단히 웹폰트를 적용시킬 수 있습니다. 

1. webfont.zip 파일을 다운받아서 폴더 압축을 푼 후, 그대로 C: 드라이브에 옮겨놓습니다. index.html은 아무것도 없는 빈 파일입니다. 물론 저장 경로는 어디가 돼도 상관없지만 편의상 C\webfont\ 안에 두는 것으로 합니다.

[다운받기]

invalid-file

2. 이제 weft3full.exe 파일을 다운받아서 설치합니다.

[다운받기]

invalid-file

3. 설치가 시작되면 계속(N) 또는 예(Y) 를 눌러주시다가 아래 화면이 나오면 Database components에 체크해주시고 Finish로 설치를 끝내주세요.

4. 설치가 완료되면 Microsoft WEFT를 실행해 주세요.

5. 설치후 처음으로 실행했을 경우 아래 화면이 뜰것입니다. 아니오(N)를 눌러주세요. 예(Y)를 눌러도 상관없으나 설치된 폰트를 확인하는 과정을 거치게 되므로 시간이 좀 걸리게 됩니다.

6. 여기선 다음(N)을 누르세요.

7. 사용자 이름과 메일 주소를 넣는 란입니다. 단순한 절차이므로 적당히 아무거나 넣어도 됩니다.

7. 아까 다운받은 index.html 경로를 찾아가서 파일을 열어줍니다. 그리고나서 다음(N)으로 넘깁니다.

↓

↓

8. skip analysis 를 체크하시고, 다음(N)으로 넘기세요.

 

9. 웹폰트로 변환시킬 폰트를 불러오는 창입니다. [Add...] 를 클릭하세요.

10. 폰트를 고르세요. 여기서는 돋움을 선택했습니다. (제작해보시면 아시겠지만 벡터방식으로 제작된 폰트보다는 비트맵으로 제작된 폰트가 웹폰트로 만들었을때 가장 깔끔하더군요. 그 차이는 직접 느껴보시기 바랍니다.)  

11. 선택된 폰트를 클릭하면 아래부분에 [Subset] 버튼이 활성화 될 것입니다. 클릭해주세요.

12. [Load...]를 눌러서 다운받은  subfile.sub 를 불러오세요. (subfile은 웹폰트로 적용될 글자들입니다. 내가 사용할 웹폰트에 숫자만 필요하면 숫자로만 구성을 하면 됩니다. 여기에 적용시키지 않은 글자는 깨져서 나오게 됩니다. 여기 올린 subfile은 평균적으로 모든 글자들이 적용된 Defult 값 정도라고 생각하시면 됩니다.)

 ↓

*파일형식을 All files로 해야 보입니다.

13. [Mirror sites...]을 클릭합니다. 웹폰트는 기본적으로 특정사이트에서만 적용되는데 그런 특정사이트를 등록해주는 절차입니다.

14. 웹폰트를 사용할 사이트 주소를 적어주시고 [Add] 버튼을 누르면 적용이 됩니다.

15. Show CSS @font-family declarations.에 체크해주고 다음(N)으로 넘기세요.

16. 다음(N)을 클릭합니다. 이것으로 웹폰트 제작은 완료됩니다.

17. c\webfont 폴더에 DBFNT0.eof 파일이 생성됐죠? 이제 이름을 적당히 바꿔주시고 사용하시면 됩니다.

*위에서는 제 블로그주소만 등록을 했지만 모든 사이트에 등록을 하려면 모든 사이트 주소의 경우의 수를 모두 등록해 줘야 합니다.
경우의 수란 예를 들어서
http://a 라는 주소를 등록시키면 a로 시작되는 사이트는 모두 사용가능하게 됩니다.

그럼 http://a 부터 http://z 까지 26개의 주소를 모두 등록시켜주면 되겠죠.
그리고 숫자로 시작하는 사이트도 있으니..
http://0 부터 http://9 까지 모두 등록해주시면 됩니다.

그러나 이 프로그램은 http://www 로 시작하는 주소와의 혼동을 막기위해 http://w로 시작되는 주소는 차단됩니다.
그러므로 http://w로 시작되는 사이트를 등록하기위해
http://wa 부터 http://wz 와
http://w0 부터 http://w9 까지의 주소를 모두 등록해 주어야 합니다.
그리고 http://w-  처럼 w뒤에 하이픈이 오는 경우도 하나더 등록해줍니다.

또한 http://www로 시작되는 사이트도 등록해줘야 하므로
http://www.a 부터 http://www.z 까지 등록해 줍니다.

여기까지 등록하시면 모든 사이트에서 사용가능한 웹폰트가 됩니다. 조금 헷갈릴수는 있으나 한번만 해보시면 금방 이해가 됩니다.

설명이 복잡했으나 쉽게 말해서 아래 주소들을 하나하나 모두 등록하면 됩니다.
많아 보여도 해보면 금방 등록할 수 있습니다.

http://a http://b http://c http://d http://e http://f http://g http://h http://i http://j http://k http://l http://m http://n http://o http://p http://q http://r http://s http://t http://u http://v http://x http://y http://z *http://w는 차단되므로 안하셔도 됩니다.	http://wa http://wb http://wc http://wd http://we http://wf http://wg http://wh http://wi http://wj http://wk http://wl http://wm http://wn http://wo http://wp http://wq http://wr http://ws http://wt http://wu http://wv http://wx http://wy http://wz 마찬가지로 http://ww 생략.	http://www.a http://www.b http://www.c http://www.d http://www.e http://www.f http://www.g http://www.h http://www.i http://www.j http://www.k http://www.l http://www.m http://www.n http://www.o http://www.p http://www.q http://www.r http://www.s http://www.t http://www.u http://www.v http://www.w http://www.x http://www.y http://www.z
http://0 http://1 http://2 http://3 http://4 http://5 http://6 http://7 http://8 http://9	http://w0 http://w1 http://w2 http://w3 http://w4 http://w5 http://w6 http://w7 http://w8 http://w9 http://w-	http://www.0 http://www.1 http://www.2 http://www.3 http://www.4 http://www.5 http://www.6 http://www.7 http://www.8 http://www.9