'웹폰트'에 해당되는 글 3건
- 2007.11.08
- 2007.11.08
-
2007.11.07
스킨변경 & 폰트적용 (2)
여기저기 기웃거리며 웹폰트 적용법을 배웠다! ^ ^;;
어쩜 이리도 좋을까?
그리하여 제가 성공한 웹폰트 적용법을 올립니다.
물론 웹폰트는 구하셔야하겠죠?
혹시나 잘 모르시는 분을 위해 제가 화이트데이10.wdfd 파일 하날 올려드리겠습니다.
invalid-file나도 인터넷에서 다운받았는데 문제가 된다면 바로 삭제하겠습니다.
아무튼 웹폰트를 다운받으시면 스킨직접올리기에서 업로드 시킵니다.
그리고 스킨편집에 들어가신 후..
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>
<!--
@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
TRACKBACK 0 AND
COMMENT 0
화이트데이10 글씨체를 적용했다.
하나하나 배워가는게 재미있는데 이게 또 얼마나 갈지 의문이네~
아무튼 즐거우면 되는거니까 신경쓰지말자!
음~
이런거군..^-^;
잘쓸게요~
하나하나 배워가는게 재미있는데 이게 또 얼마나 갈지 의문이네~
아무튼 즐거우면 되는거니까 신경쓰지말자!
<< 화이트 폰트 글씨크기 비교!! >>
글씨체 크기 8pt
글씨체 크기 10pt
글씨체 크기 12pt
글씨체 크기 14pt
글씨체 크기 18pt
글씨체 크기 24pt
글씨체 크기 36pt
글씨체 크기 10pt
글씨체 크기 12pt
글씨체 크기 14pt
글씨체 크기 18pt
글씨체 크기 24pt
글씨체 크기 36pt
음~
이런거군..^-^;
잘쓸게요~
TRACKBACK 0 AND
COMMENT 0
seevaa님 블로그 뒤적거리다 이거다 하는 스킨을 발견해서 바로 적용시켰다..ㅎ
심플하니 예쁘다^-^//
폰트도 신청했는데 얼른 주시면 좋겠다.
그래서 임시로 다른 무료웹폰트로 적용해봤다!
흠.. 이것도 예쁘지만 seevaa님께 더 예쁜거 같다.
암튼..
얼른 폰트도 왔으면 좋겠네~^-^//
TRACKBACK 0 AND
COMMENT 2
PREV
