[웹폰트 적용하기] 01. 유틸 설치하기

웹폰트를 적용하느라 고생을 좀 해서 정리 차원에서 웹폰트 적용하는 방법을 나열하고자 합니다. 웹폰트는 여러 블로거들이 작성해준 팁으로 쉽게 적용했으나 맘에 들게 바꾸기까지는 시간이 좀 걸렸습니다. 욕심이 많은 탓이겠지만... 처음에 유틸리티를 설치하고 웹폰트 만들어 적용하고는 필요없다 싶어서 유틸을 지워버렸거든요. 그런데 폰트를 추가하려다 보니 다시 유틸리티를 설치해야 했고 순간적으로 셋팅하는 내용중 무심결에 진행시킨 것 때문에 시간도 많이 걸리고 오류도 생겨서 결국 재설치를 해야했습니다. 반성 차원에서...   01. 유틸 설치하기 02. 웹폰트 만들기 03. 웹폰트 적용하기 04. 여러개의 웹폰트 적용하기 의 순서대로 나열할 생각입니다. 우선 시작하기 전에 도움을 받은 블로거들의 웹폰트 관련 주소 링크합니다. 설명이 잘되어 있으니 참고하시기 바랍니다.일단 웹폰트로 사용할 폰트를 정합니다.   ppozzak님의 티스토리에 웹폰트 완벽정용 시온님의 티스토리(테터툴즈)블로그에 웹폰트적용하기   단, 유료폰트는 문제가 발생하니까 무료폰트로 정하셔야겠죠.   여기에서는 네이버에서 무료 배포한 나눔고딕체를 가지고 해보겠습니다. 일단 네이버에서 나눔고딕체를 다운받습니다. 다운받은 폰트는 트루타입(TTF) 폰트이므로 웹폰트(EOT)로 변환을 해주어야 합니다.   일단 유틸리티부터 설치해야겠죠? 유틸리티는 Microsoft사에 만든 Weft 라는 유틸리티입니다. 유틸리티는 제공하지 않겠습니다.     다운받은 파일을 쿡- 쿡- 누르면 위의 화면이 뜹니다. 실행 누르시고... 확인 누르시고.. Accept 누르시고... 다른 유틸들처럼 이름. 조직, 시리얼번호를 입력하고 Next.... 설치할 폴더죠? Next.. Database components 와 Fonts(Tahoma)에 체크해주시고 Finish 꼭 체크해주시기 바랍니다. 알아서 진행되고 끝납니다. 설치된 내용입니다. 여기에서 Microsoft Weft 를 쿡-쿡- 누르게 되면 실행이 되는 것이지요.

 

너무 무시하는 느낌 ?   저는 그냥 기억을 더듬을 뿐입니다.