본문 바로가기

Etc

네이버 나눔글꼴 나눔고딕 웹폰트를 이용해 블로그 꾸미기!

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

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

해서 나온것이 웹폰이 입니다. 확장자가  *.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 을 알면 간단하지만 그렇지 않으면 조금 어렵습니다.