위 사이트에 나와 있는 방법을 활용해서 나눔고딕 글꼴을 적용해 보았다.
<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}
여러 브라우저에서 확인해보니 잘 나온다!!