:: TTacom,NET ::

블로그 이미지
by TTacom.NET
  • 766,214Total hit
  • 13Today hit
  • 119Yesterday hit

'웹폰트'에 해당되는 글 3건

  1. 2007.11.08
    티스토리에 웹폰트 적용하기!!
  2. 2007.11.08
    화이트데이10 웹폰트를 적용하다!
  3. 2007.11.07
    스킨변경 & 폰트적용 (2)

여기저기 기웃거리며 웹폰트 적용법을 배웠다! ^ ^;;
어쩜 이리도 좋을까?

그리하여 제가 성공한 웹폰트 적용법을 올립니다.
물론 웹폰트는 구하셔야하겠죠?
혹시나 잘 모르시는 분을 위해 제가 화이트데이10.wdfd 파일 하날 올려드리겠습니다.

이게 공개용 자료가 아니면 어쩌지?-_-;
나도 인터넷에서 다운받았는데 문제가 된다면 바로 삭제하겠습니다.

아무튼 웹폰트를 다운받으시면 스킨직접올리기에서 업로드 시킵니다.
그리고 스킨편집에 들어가신 후..
 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>

이렇게 하시면 바로 적용됩니다.
저같은 초보도 할수 있으니 모두 할수 있을거에요!
아자아자!

* 도움받은곳 = http://kcy1019.tistory.com/1
TRACKBACK :0 AND COMMENT :0
화이트데이10 글씨체를 적용했다.
하나하나 배워가는게 재미있는데 이게 또 얼마나 갈지 의문이네~
아무튼 즐거우면 되는거니까 신경쓰지말자!


<< 화이트 폰트 글씨크기 비교!! >>
글씨체 크기 8pt
글씨체 크기 10pt
글씨체 크기 12pt
글씨체 크기 14pt
글씨체 크기 18pt
글씨체 크기 24pt
글씨체 크기 36pt

음~
이런거군..^-^;
잘쓸게요~

more..

TRACKBACK :0 AND COMMENT :0

seevaa님 블로그 뒤적거리다 이거다 하는 스킨을 발견해서 바로 적용시켰다..ㅎ
심플하니 예쁘다^-^//
폰트도 신청했는데 얼른 주시면 좋겠다.
그래서 임시로 다른 무료웹폰트로 적용해봤다!
흠.. 이것도 예쁘지만 seevaa님께 더 예쁜거 같다.
암튼..
얼른 폰트도 왔으면 좋겠네~^-^//

TRACKBACK :0 AND COMMENT 2

ARTICLE CATEGORY

행복한 세상v (161)
TTacom (73)
Society (4)
Rehabilitation (20)
Culture (31)
Knowledge (23)

CALENDAR

«   2018/06   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

ARCHIVE