웹임베딩폰트툴(WEFT) - 설치와 변환
로빈아빠
본문
웹임베딩폰트툴(Web Embedding Fonts Tool)(이하 WEFT)은 트루타입폰트(TrueType Font)를 웹폰트(EOT)로 변환시켜 주는 프로그램 입니다. 웹페이지에서 윈도우 기본폰트를 제외한 다른 폰트를 지정해놨을 경우, 해당 컴퓨터에 그 폰트가 설치되어 있지 않으면 제대로 보이지 않게 됩니다. 하지만 용량이 작아지는 웹폰트를 웹페이지에 포함시킴으로서 컴퓨터의 폰트 설치여부와 상관없이 원하는 폰트를 표현해줄 수 있습니다. 이 블로그도 웹폰트가 적용되어 있는 상태 입니다.
홈페이지 : http://www.microsoft.com/typography/web/embedding/weft3/
다운로드 : http://www.microsoft.com/typography/web/embedding/weft3/weft01.htm
우선 웹폰트로 만들고자 하는 TTF파일을 윈도우 안의 'Fonts'폴더에 미리 설치해 두도록 합니다. (C:\WINDOWS\Fonts\)
그리고 위 주소로 들어가서 WEFT를 다운 받아서 설치를 합니다. 약관에 동의하시고 'Next'만 누르면, 폴더 생성여부를 묻는 창이 뜹니다. 계속 진행하면 설치가 끝납니다.
![](http://pds8.egloos.com/pds/200805/29/76/c0053976_483e20aeef47f.jpg)
윈도우의 '시작 → 프로그램 → OpenType Tools → Microsoft Weft'를 실행하시면 WEFT가 실행됩니다. 최초 실행시 뜨는 창은 '아니오'를 선택합니다.
![](http://pds8.egloos.com/pds/200805/29/76/c0053976_483e20b5534d6.jpg)
'웹폰트변환 마법사'가 시작 됩니다. '다음'을 누르면 사용자의 '이름'과 '이메일주소'를 넣으라고 합니다. 별로 중요하진 않지만, 넣지 않으면 진행이 안되므로 적당히 입력하고 넘어가면, 'Add Web pages'창이 뜹니다. 아래 링크의 압축파일을 받아서 탐색기에서 압축을 풀어 놓습니다.
추가 다운로드 : Subset_pack.rar
압축을 풀면 'index.html' 파일과 '소야웹폰트(수정본)Subset-All.txt' 파일이 있습니다. 그 중 index.html을 아래 그림과 같이 파일을 선택해서 '열기'를 하고, '다음'을 눌러 넘어갑니다. [ ... ]을 눌렀을때 뜨는 창의 모양이 다르다면 앞부분이 'file://'로 지정되어있는지 확인해보세요. 되어있지 않다면 'file://'을 고르시고 하시면 됩니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20b9bc761.jpg)
'Analyze Web Pages'창이 뜨면 '다음'을 눌러서 넘어갑니다. 'Fonts to Embed' 창이 뜨면 그림과 같이 변환하고자 하는 TTF폰트를 지정합니다. 만약 목록에 원하는 폰트가 나타나지 않으면 윈도우 'Fonts'폴더에 폰트가 제대로 설치되지 않은 것일 수도 있으며, 기존 폰트조차 제대로 보이지 않는 상황이 발생하면 WEFT를 삭제하고 다시 설치해서 진행하도록 합니다. 저는 '윤디자인웹돋움'을 변환해 보겠습니다. 참고로 폰트앞에 @표시가 있는 것은 옆으로 누운 글자 입니다.
![](http://pds9.egloos.com/pds/200805/29/76/c0053976_483e20bf1a173.jpg)
폰트가 지정되었을때 Chars를 보시면 글자수가 95자인 것을 알 수 있습니다. 한글과 특수문자까지 표시하기에는 부족한 양이므로 글자수를 늘려보겠습니다. 폰트이름을 한번 클릭해주시고, 'Subset...'을 눌러줍니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20c39b815.jpg)
그림과 같이 'Load...'를 눌러서 파일형식을 'All files'로 맞춘뒤 아까 압축을 푼 파일 중 하나인 '소야웹폰트(수정본)Subset-All.txt'를 '열기'를 한 뒤 'OK'를 하시면 됩니다. 그럼 Chars가 3375자로 늘어났음을 알 수 있습니다. '다음'을 눌러 진행합니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20c7c0e67.jpg)
'Create Font Objects'창이 뜨면 웹폰트가 생성될 폴더와 웹폰트를 사용할 주소을 지정해 주게 됩니다. 생성될 폴더는 아까 지정한 index.html이 있던 폴더가 기본적으로 설정되어 있습니다. 사용할 주소 지정을 위해 그림과 같이 'Edit...'를 눌러서 'Mirror Site'창을 띄웁니다. 앞부분을 'http://'로 고르고 http://를 제외한 나머지 대표주소를 입력하고 'Add'를 누르시면 웹페이지가 추가되며, 이미 추가된 주소는 선택한뒤 'Remove'를 누르면 삭제 됩니다. 여기서 설정하지 않은 주소에서는 웹폰트가 적용되지 않으므로, 주소지정은 중요한 설정 중 하나 입니다. 설정이 끝나면 'OK'를 눌러 저장하고, '다음'을 눌러 진행합니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20ccce928.jpg)
그럼 .EOT의 확장자를 가진 파일이 생성됩니다. 저의 경우는 DBFNT0.eot 라는 이름으로 임의생성 되었으며, 파일이름을 편하신대로 수정해서 사용하시면 도비니다. 앞서 설명한 과정 중 실수를 해서 다시 하고 싶을때는 마법사창을 닫고, 'New'를 눌러서 다시 시작하시면 됩니다. 다음 포스팅에서는 이글루스에서 웹폰트를 지정하는 방법을 아주 간단하게 알아보겠습니다.
버전 : 3.2b1
언어 : 영어
프로세스 : Weft.exe
* 위 포스팅 내용은 작성일 기준 최신버전이며 수정/추가하고 싶은 내용이 있으면 댓글을 남겨주세요.
홈페이지 : http://www.microsoft.com/typography/web/embedding/weft3/
다운로드 : http://www.microsoft.com/typography/web/embedding/weft3/weft01.htm
우선 웹폰트로 만들고자 하는 TTF파일을 윈도우 안의 'Fonts'폴더에 미리 설치해 두도록 합니다. (C:\WINDOWS\Fonts\)
그리고 위 주소로 들어가서 WEFT를 다운 받아서 설치를 합니다. 약관에 동의하시고 'Next'만 누르면, 폴더 생성여부를 묻는 창이 뜹니다. 계속 진행하면 설치가 끝납니다.
![](http://pds8.egloos.com/pds/200805/29/76/c0053976_483e20aeef47f.jpg)
윈도우의 '시작 → 프로그램 → OpenType Tools → Microsoft Weft'를 실행하시면 WEFT가 실행됩니다. 최초 실행시 뜨는 창은 '아니오'를 선택합니다.
![](http://pds8.egloos.com/pds/200805/29/76/c0053976_483e20b5534d6.jpg)
'웹폰트변환 마법사'가 시작 됩니다. '다음'을 누르면 사용자의 '이름'과 '이메일주소'를 넣으라고 합니다. 별로 중요하진 않지만, 넣지 않으면 진행이 안되므로 적당히 입력하고 넘어가면, 'Add Web pages'창이 뜹니다. 아래 링크의 압축파일을 받아서 탐색기에서 압축을 풀어 놓습니다.
추가 다운로드 : Subset_pack.rar
압축을 풀면 'index.html' 파일과 '소야웹폰트(수정본)Subset-All.txt' 파일이 있습니다. 그 중 index.html을 아래 그림과 같이 파일을 선택해서 '열기'를 하고, '다음'을 눌러 넘어갑니다. [ ... ]을 눌렀을때 뜨는 창의 모양이 다르다면 앞부분이 'file://'로 지정되어있는지 확인해보세요. 되어있지 않다면 'file://'을 고르시고 하시면 됩니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20b9bc761.jpg)
'Analyze Web Pages'창이 뜨면 '다음'을 눌러서 넘어갑니다. 'Fonts to Embed' 창이 뜨면 그림과 같이 변환하고자 하는 TTF폰트를 지정합니다. 만약 목록에 원하는 폰트가 나타나지 않으면 윈도우 'Fonts'폴더에 폰트가 제대로 설치되지 않은 것일 수도 있으며, 기존 폰트조차 제대로 보이지 않는 상황이 발생하면 WEFT를 삭제하고 다시 설치해서 진행하도록 합니다. 저는 '윤디자인웹돋움'을 변환해 보겠습니다. 참고로 폰트앞에 @표시가 있는 것은 옆으로 누운 글자 입니다.
![](http://pds9.egloos.com/pds/200805/29/76/c0053976_483e20bf1a173.jpg)
폰트가 지정되었을때 Chars를 보시면 글자수가 95자인 것을 알 수 있습니다. 한글과 특수문자까지 표시하기에는 부족한 양이므로 글자수를 늘려보겠습니다. 폰트이름을 한번 클릭해주시고, 'Subset...'을 눌러줍니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20c39b815.jpg)
그림과 같이 'Load...'를 눌러서 파일형식을 'All files'로 맞춘뒤 아까 압축을 푼 파일 중 하나인 '소야웹폰트(수정본)Subset-All.txt'를 '열기'를 한 뒤 'OK'를 하시면 됩니다. 그럼 Chars가 3375자로 늘어났음을 알 수 있습니다. '다음'을 눌러 진행합니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20c7c0e67.jpg)
'Create Font Objects'창이 뜨면 웹폰트가 생성될 폴더와 웹폰트를 사용할 주소을 지정해 주게 됩니다. 생성될 폴더는 아까 지정한 index.html이 있던 폴더가 기본적으로 설정되어 있습니다. 사용할 주소 지정을 위해 그림과 같이 'Edit...'를 눌러서 'Mirror Site'창을 띄웁니다. 앞부분을 'http://'로 고르고 http://를 제외한 나머지 대표주소를 입력하고 'Add'를 누르시면 웹페이지가 추가되며, 이미 추가된 주소는 선택한뒤 'Remove'를 누르면 삭제 됩니다. 여기서 설정하지 않은 주소에서는 웹폰트가 적용되지 않으므로, 주소지정은 중요한 설정 중 하나 입니다. 설정이 끝나면 'OK'를 눌러 저장하고, '다음'을 눌러 진행합니다.
![](http://pds7.egloos.com/pds/200805/29/76/c0053976_483e20ccce928.jpg)
그럼 .EOT의 확장자를 가진 파일이 생성됩니다. 저의 경우는 DBFNT0.eot 라는 이름으로 임의생성 되었으며, 파일이름을 편하신대로 수정해서 사용하시면 도비니다. 앞서 설명한 과정 중 실수를 해서 다시 하고 싶을때는 마법사창을 닫고, 'New'를 눌러서 다시 시작하시면 됩니다. 다음 포스팅에서는 이글루스에서 웹폰트를 지정하는 방법을 아주 간단하게 알아보겠습니다.
버전 : 3.2b1
언어 : 영어
프로세스 : Weft.exe
* 위 포스팅 내용은 작성일 기준 최신버전이며 수정/추가하고 싶은 내용이 있으면 댓글을 남겨주세요.
관련링크
- http://eunhwak.egloos.com/4388922 1052회 연결
댓글목록
등록된 댓글이 없습니다.