Depot/IT-인터넷

[웹폰트 적용하기] 03. 웹폰트 적용하기

zzixxa 2009. 4. 30.
반응형

웹폰트를 적용해보겠습니다.



관리자 매뉴에서
스킨 → 스킨선택을 클릭합니다.



파일업로드를 클릭합니다.



파일업로드를 클릭합니다.



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 맨 위를 보면



위와 같은 내용이 보이는데...



이렇게 입력하십시요.
정확한 건 모릅니다. 그냥 남들이 하길래....

저장 누르면 웹폰트 적용은 끝난 것입니다.


 

반응형

댓글