나눔고딕 글꼴 블로그에 적용하기

http://fontface.kr/

위 사이트에 나와 있는 방법을 활용해서 나눔고딕 글꼴을 적용해 보았다.

<head> 태그에 아래와 같이 추가한다.

<script src="http://www.google.com/jsapi"></script>
<script>
 google.load( "webfont", "1" );
 google.setOnLoadCallback(function() {
  WebFont.load({ custom: {
   families: [ "NanumGothic" ],
   urls: [ "http://fontface.kr/NanumGothic/css" ]
  }});
 });
</script>

<style> 태그에 아래와 같이 추가한다.

*{font-family:'NanumGothic','나눔고딕','맑은 고딕','돋움'!important}

여러 브라우저에서 확인해보니 잘 나온다!!