Microsoft weft를 이용한 웹폰트 만들기Microsoft weft를 이용한 웹폰트 만들기

Posted at 2009. 7. 17. 15:13 | Posted in Blog

텍큐에 가입하고 나서 이곳저곳 둘러보니 글꼴이 상당히 특색 있게 하여 운영 하시더군요.
뭐 저야 공개포스트는 별로없고  대부분 비밀글이지만 그래도 적용은 해봐야겠죠.
오피스2007에 적용된(비스타에도 적용) 맑은 고딕 고딕체가 평소에 좋아보여서  그것으로 결정하고
HyperSnap과 블로깅연습도 하고 블로그 특성 파악도 할겸하여 포스트한걸 올려봅니다.
말주변이 별로 없어 어수선 하겠지만  참조하실분있으시면 참조하세요.
 
 
윈도우폰트.ttf 형식이다 그런데 웹폰트.eot 형식으로 포멧을 변경하여줘야 한다
변경 프로그램이 Microsoft weft을 사용한다.
 
준비물을 보고 준비하자.
 
1) 아래 파일을 다운받아서 바탕화면에 압축을 풀어서 사용하자
    바탕화면에 웹폰트라는 폴더가 생성됨.

invalid-file

 

 

 

 

 

2) Microsoft weft을 다운로드 하여 설치

-WEFT 3.2 Download

-다운로드: http://www.microsoft.com/typography/web/embedding/weft3/download.aspx

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

 

-설치할때 Fonts를 선택해 주어야 한다

 

-이름과 E-mail을 입력.

 

-실행후 초기화면

 

-아래 ...을 클릭

  첨부된 index.html 파일을 지정

 

-Abort 확인


-예 클릭

 

-Add 클릭

 

-index가 보이면 성공 다음선택.

 

-Skip analysis 체크

 

-add 클릭

 

-윈도우 내의 글꼴을 자동으로 검색 스크롤을 쭈욱 내리면 앞쪽에 @없는 맑은 고딕 고딕을 선택

  *앞부분에 "@글꼴"이걸선택하면 옆으로 누운 글꼴이 된다 조심하자.


-일단 물음표로 표시되죠 Subset 클릭


-바탕화면 웹폰트에서 Lead.


-첨부된 Subset-All.txt 파일을 선택.


 

-OK 클릭


-물음표에서 바뀌었죠?  다음클릭

 

-"..." 클릭


-바탕화면에 웹폰트 확인하고 OK 클릭

 

 

-edit 클릭

 

-웹폰트 경로를 추가 "바탕화면/웹폰트"

-바탕화면에 웹폰트 지정 Show CSS체크,다음클릭

 


-작업중

 

-드디어 완료.

 

-이제 Microsoft weft 를 마무리 하자

 

완료된 웹폰트(맑은 고딕고딕)를 외부 블로그에 "첨부파일"로 올리면 작업이 완료된다.

 

첨부된 파일에 마우스 오른쪽 버튼을 눌러 속성창을 열면 파일의 주소가 표시된다

그 주소를 기록해 놓자.

 

#텍스트큐브에 올려서는 되질않습니다.

==========================================================

invalid-file

 

 

 

 

invalid-file

 

 

 

 

'Blog' 카테고리의 다른 글

BBCode 작업중..(보류중)  (0) 2009.08.13
타이틀을 물결무늬 적용해보자  (0) 2009.08.10
태그구름 위젯 추가하였습니다.  (0) 2009.08.07
웹컬러의 이해  (0) 2009.07.23
베이스 캠프 스킨확장하는 방법  (2) 2009.06.19
//

티스토리툴바