후니의 블로그

[Cufon] 웹폰트 Cufon 나눔고딕400/600 및 RixHead 본문

웹디자인

[Cufon] 웹폰트 Cufon 나눔고딕400/600 및 RixHead

Huzy Huzy 2013.09.09 18:44

 

cufon-yui.js

 

NanumGothic_400.font.js

 

NanumGothic_600.font.js

 

RixHead_M_400.font.js

 

 

소스 사용시

<head>

<script src="js/cufon-yui.js"></script>

<script src="js/NanumGothic_600.font.js"></script>
<script type='text/javascript' charset='utf-8'>
Cufon.replace('.stitle, h2', { 
 hover: true,
 fontFamily: 'NanumGothic'
 });
</script>

</head>

 

<div class="stitle">하하하</div>

<span class="stitle">하하하2</div>

 

이렇게 사용할 수 있다.

주의할점은 대제목이나 중제목까지는 사용해도 괜찮으나

본문 내용까지 사용하게 될경우 심각한 페이지로딩 속도를 느려지게 할수있음을 명심하자.

'웹디자인' 카테고리의 다른 글

자동 줄 바꿈  (0) 2014.03.04
[Cufon] 웹폰트 Cufon 나눔고딕400/600 및 RixHead  (0) 2013.09.09
[CSS] 하이퍼링크 클릭시 점선 없애기  (0) 2013.09.09
0 Comments
댓글쓰기 폼