Etc2013. 1. 16. 19:50


블로그를 운영하다 보면 폰트를 변경해서 사용하고 싶은 욕심이 많이 생깁니다. 

헌데 일반적인 폰트로 적용을 시키면 블로그가 웹이라는 특정상 정상적인 폰트 스타일이 먹지 않게 됩니다.

해서 나온것이 웹폰이 입니다. 확장자가  *.woff , *.eof 를 사용하게 됩니다. 

그럼 자신의 블로그에 대한민국 대표 무료 폰트인 네이버 나눔글꼴 을 응용해서 블로그를 꾸며 보도록 하겠습니다.



1. 네이버 나눔글꼴 다운로드 (아래 두 웹폰트를 다운로드 하세요)


NanumGothic.woff

NanumGothic.eot



2.블로그에 해당 웹폰트 업로드

업로드 하는 것은 블로그 마다 파일을 업로드 하는 부분이 있을겁니다.

해당 파일을 모두 업로드 해야 합니다.

3.최종 CSS 수정


@font-face{

font-family: "NanumGothic";

src: url('images/NanumGothic.eot');

src:local(※), url('images/NanumGothic.woff') format('woff')

}

body{font-family:NanumGothic;}

div{font-family:NanumGothic;}

span{font-family:NanumGothic;}


아주 간단합니다. 하지만 html 을 알면 간단하지만 그렇지 않으면 조금 어렵습니다. 



Posted by 홍마담
TAG

댓글을 달아 주세요