[ 티스토리에 웹폰트를 적용시켜보자! ]

안녕하세요! 토르웰 입니다.

이번에는 티스토리에 웹폰트를 적용시켜 보겠습니다.

저번에 만든 웹폰트를 먼저 업로드 해보겠습니다.

자신의 스킨 HTML/CSS 편집에 들어가서 파일 올리기로 올리면 되겠습니다.

올리신 다음에 HTML/CSS 편집으로 돌아옵니다.

style.css 부분에서 다음과 같은 곳을 주목합니다.

@font-face {font-family:폰트이름; src:url(./images/폰트파일.eot);}
body,div,table,tr,td,p,span {font-family: 폰트이름; font-size: 10pt;}

주의하실게 폰트이름과 폰트파일명은 서로 이름이 달라도 관계없습니다.
단, 폰트이름은 무조건 통일되어야 합니다. (필자는 헷갈리지 않게 파일명,폰트명을 통일시켜 버렸습니다.)

body안에서도 그림처럼 폰트명을 바꿔주셔야합니다.

그리고, skin.xml에서

<div class="article">이라는 부분을 찾습니다. (스킨마다 다릅니다. 저는 2개 검출되었습니다.)
<div class="article">을 <div class="article" style="font: 10pt/150% 폰트이름;"> 으로 바꿔주시면됩니다.
이제 저장하면 웹폰트로 적용되어 있을것입니다.

혹시나... 10pt는 글자크기고 150%는 줄간격입니다.