본문 바로가기

Knowledge/Web

티스토리에 웹폰트 적용하기!!

여기저기 기웃거리며 웹폰트 적용법을 배웠다! ^ ^;;
어쩜 이리도 좋을까?

그리하여 제가 성공한 웹폰트 적용법을 올립니다.
물론 웹폰트는 구하셔야하겠죠?
혹시나 잘 모르시는 분을 위해 제가 화이트데이10.wdfd 파일 하날 올려드리겠습니다.

이게 공개용 자료가 아니면 어쩌지?-_-;
나도 인터넷에서 다운받았는데 문제가 된다면 바로 삭제하겠습니다.

아무튼 웹폰트를 다운받으시면 스킨직접올리기에서 업로드 시킵니다.
그리고 스킨편집에 들어가신 후..
 skin.htm에서 ctrl+F을 눌러 ##_article_rep_desc 을 검색하신 후 바로 위에 있는
<div class="article"> 항목을 <div class="article" style="font:10pt/150% 폰트이름;">으로 바꿔줍니다.(빨간부분을 추가하시면 됩니다.)

그리고 아래의 HTML 태그를 skin.htm의 <head>와 </head>사이에 넣어준다

<style type="text/css">
<!--
@font-face {font-family: 폰트이름; src:url(./images/폰트파일명.확장자);}
a:link {font-family: 폰트이름;font-size: 10pt;}
a:visited {font-family: 폰트이름;font-size: 10pt;}
a:hover {font-family: 폰트이름;font-size: 10pt;}
a:acvite {font-family: 폰트이름;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 폰트이름;font-size: 10pt;}
-->
</style>

이렇게 하시면 바로 적용됩니다.
저같은 초보도 할수 있으니 모두 할수 있을거에요!
아자아자!

* 도움받은곳 = http://kcy1019.tistory.com/1