기본 글씨체인 돋움이나 굴림이 보기 싫어 다른 폰트를 적용하고 싶을 때가 있습니다.
맑은 고딕은 꽤 깔끔하지만 Windows Vista부터 제공되는 글꼴이라 별도의 웹폰트로
변환해 주거나 사용자의 윈도우에 글꼴이 설치가 되어야합니다.

이럴때 웹폰트를 이용하면 원하는 폰트로 보이게 해줄 수 있습니다.

<style type="text/css">
@font-face {font-family: 폰트이름; src:url(폰트주소);}
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>

위의 태그를 수정해서 현재 사용하고 있는 스킨 파일의 HTML/CSS 편집에 들어간 후,
skin.html의 <head>와 </head>사이에 추가해줍니다.

<div class="article" style="font:10pt/150% 폰트이름;">

다음, 위의 태그를 수정해서 skin.html의 <div class="article">을 찾은 후,
위의 태그로 바꿔줍니다.

@font-face{font-family:폰트이름; src:url(폰트주소)}

마지막으로, 위의 태그를 수정해서 style.css의 맨 위 부분에 추가해주면 끝입니다.
저장하기전에 미리보기를 해서 잘 적용이 되었는지 확인해보시기바랍니다.

티스토리툴바