웹폰트를 적용해보겠습니다.
관리자 매뉴에서 스킨 → 스킨선택을 클릭합니다.
파일업로드를 클릭합니다.
파일업로드를 클릭합니다.
C://web에서 아까 만들어진 폰트를 선택합니다.
스킨에 폰트가 업로드 됩니다.
보이시죠?
skin.html의 <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>
적용하면 위와 같습니다.
폰트크기를 생략하면 안된다고들 하는데 폰트크기를 생략해도 지장은 없었습니다.
article_rep_desc 을 검색하여 찾습니다.
Ctrl + F 키를 누르면 검색창이 뜹니다.
찾은 부분의 바로 윗 줄을 보면 <div class="article"> 이라는 구문이 있습니다.
그 구문 옵션에다가 style="font:10pt/150% 폰트이름;" 라고 넣어줍니다.
그림 처럼요.
그 다음 style.css 맨 위를 보면
위와 같은 내용이 보이는데...
이렇게 입력하십시요.
정확한 건 모릅니다. 그냥 남들이 하길래....
저장 누르면 웹폰트 적용은 끝난 것입니다.
|
댓글