웹폰트 만들기 & 홈페이지에 적용하기

출처 : http://www.ndfriend.com

invalid-file

subfile

 

웹폰트를 만드는 법을 소개하겠습니다.
링크된 곳을 눌러 다운로드 하여 설치하세요.

http://download.microsoft.com/download/8/a/1/8a1be03f-f7fc-4504-af9a-7b9230775284/WEFTIII2b1.exe

1.먼저 c\webfont 란 디렉토리를 만든후 subfile.zip화일을 다운받는다.
   그런다음 압축을 풀어서 그곳에 넣어요.
   화일이 index.html 하고 subfile.sub 화일이 있죠.

2. 자 이젠 프로그램을 깔았으면 실행합니다.
    이런 화면이 나올겁니다. 무조건 아니오를 클릭

3. 아니오를 클릭했더니 이런화면이 짠..나오죠. 그럼 다음을 클릭

4. 이름하고 메일주소는 아무거나 넣어요..어짜피 형식적이니깐요.
   전 제 홈피 메일하고 제이름을 적습니다. 그리고 다음클릭

5. 자 그럼 아까 만들어 놓은 c:\webfont에 index.html화일을 선택..
    그리고 Do not add linked pages를 체크하세요.
     다음을 클릭..^^

6. 자 이런화면이 나오죠..
    그럼 skip analysis 를 체크하시고 과감히 다음을 클릭

7. add를 누르면 다음 내용이 뜨죠..
    전 산돌광수B를 선택했어요..아무폰트나 선택가능..맞게 골라요.
    선택하고 ok를 누름

8. 그럼 이런화면이 나오죠..산돌광수를 클릭해보세요.
   이젠 아까 subfile를 사용할때입니다.

9. 위 그림에서 맨하단에 subset을 클릭 하세요..
    그럼 이런 화면이 나오죠..그러면 load를 클릭

10. 그다음 아까 화일 기억나죠..subfile.sub화일
      그경로를 찾아서 열기해주세요..

11. Sub화일을 불러 오셨으면 ok를 누르시고 다음....클릭

12. ok를 누르면 이화면 나오죠.. 그럼 다음

13. 먼저 show css~를 클릭후(그림처럼클릭) mirror싸이트 등록
      다음

14. 그다음 자신의 홈피계정이나 홈피주소를 쓰시고 add를 클릭
     여기서 중요한것이 여기에 등록이 안된 주소이외에 홈피에서는
     웹폰트가 적용이 안되요...
     꼭 명심하세요..
     참고) 자체 홈피테스트시 주소는 http://localhost입니다.
              개인pc에서요
      ok를 클릭      

15. 이런 화면이 나오면 close를 누르시길...

16. 이제부터 간단 합니다.
     무조건 다음클릭

17. 마침을 클릭

18. 자 다 끝났습니다.
     c:\webfont 디렉토리에 DBFNT0.eof란 화일이 생성되있을 겁니다.
     그화일을 원하는 이름으로 바꾼후 쓰세요..
     webfont.eof 처럼말이죠.

자 여기까지 만드는 방법에 대하여 알아보았습니다.
다음으로 홈페이지에 적용시키는 법을 알아보겠습니다.

제로보드 스킨이나 테터스킨에 보시면 Style.css라는 파일이 있습니다.

이 파일을 open 하신후 맨 윗 줄에...

@font-face {font-family: 소야뜰9; src:url(계정주소/폰트이름.eot);}

을 추가해 주시고

ex:) BODY {font-family:폰트이름; font-size:9pt; color:#898989} 이런식으로

적용시켜 주시면 됩니다.