네이버 나눔 글꼴 & 웹폰트 설치

2011-09-05   내용이 복잡해서 수정함.

현재 이 블로그에 적용한 폰트는 네이버에서 한글날 캠페인으로 나눔글꼴 2종류를 무료로 공개했다.(http://hangeul.naver.com/download.nhn) 방문해 보니 한 종류가 더 늘어났다. 손글씨체가 추가되었는데, 멋지다.  백전백승 블로그를 참조하기 바란다. 링크도 많이 사라지고 여기에 폰트를 다운 받을 수 있는 링크라도 만들어야 겠다는 생각 확든다. 컴군닷컴에서 소개하고 있는 PPoZZak님의 블로그는 팔아버렸나? 링크 가보면 광고 페이지로 바뀌어 있다. 할 수 없이 이 글을 수정하기로 했다. 그리고 좀 더 상세한 정보를 작성하는 것이 좋을 것 같아서 수정을 열심히? 하고 있다.

(웹폰트를 만드는 방법)

웹 폰트 만들기를 들러 차근차근 읽어 보시면 될 것 같습니다. 여기 블로그  방문해 보시기 바랍니다. 잘 설명되어 있습니다. 따라히시면 쉽게 적용할 수 있습니다. 그리고 시혼님의 블로그도 읽어 보시기 바랍니다. 저도 처음에 적용하면서 대단히 개념잡기가 복잡해서 골치 좀 아팠습니다. 코드 작성시에도 조심해서 관리해야 합니다.

(웹폰트 만들기 그리고 설치) 

1. 일반 글꼴파일인 ttf파일을 웹폰트파일인 eot파일로 바꿔주는 WEFTIII라는 프로그램을 설치한다. 

2. 위 프로그램으로 eot파일을 만든다. 시혼님 블로그 참조 

3. 티스토리의 스킨쪽에 eot파일을 업로드 시킨다. 

4. 내 블로그에 적용시킬 부분을 skin.html이나 style.css파일의 폰트 부분을 수정하여 적용시킨다.

(웹폰트 적용하기) 

'시혼님의 블로그'에 자세히 설명되어 있는 그대로 따라하면 됩니다.
참고로 도둑님의 글(http://dodook.tistory.com/2278)을 숙지한 후 작업하기 바란다.

(주의사항) 

제작시 주의사항은 뻔뻔한유네씨를 참고하십시오. 사실 웹 폰트인 .eot는 IE전용이라고 할 수 있다. 크로스 브라우징에 관한 문제를 해결하기 위해서는 쪼금은 복잡한 공부를 해야한다. 사람에 따라 슁ㄹ 수도 있겠지만 . . .