노무현 전 대통령 서거 추모글 남기기


2008/09/20 16:11

Tistory 웹폰트 적용에 관련된 Tip-!

혼자 이래저래 막혀가면서 적용한 웹폰트 적용하기를 정리해봅니다-ㅎ

오늘 여기 저기 알아보면서 웹폰트를 적용해 보았다-
혹시나 나같은 사람들에게 도움이 될까하여..
나름의 Tip을 정리해본다-ㅎㅎ
먼저 적용하고자하는 웹폰트를 업로드한다
스킨 → HTML/CSS편집 → 파일업로드에서 업로드한다
skin.html에 업로드한 두개의 웹폰트를 정의한다.
이렇게 정의를 해 놓아야 style.css에서 해당 폰트를 자유롭게 사용할 수 있다
stlye.css 파일에서 변경하고자하는 부분을 찾아서 폰트를 변경한다
위의 부분은 블로그의 제목이 나오는 부분이다(Title)
위의 빨간 사각형은 각 포스트의 제목과 정보부분, 아래쪽 사각형은 포스트 본문 부분이다
아래쪽으로 찬찬히 살펴보면 바꾸고 싶은 부분을 찾을 수 있다

혹시 해메다 들어오신 분이 있으시다면 도움이 되었으면 좋겠다-ㅎㅎㅎ

더보기


저작자 표시 비영리 동일 조건 변경 허락
Creative Commons License
Creative Commons License

'bLoG sToRy' 카테고리의 다른 글

Tistory 웹폰트 적용에 관련된 Tip-! (2)  (3) 2008/09/27
Tistory 웹폰트 적용에 관련된 Tip-!  (0) 2008/09/20
Trackback 1 Comment 0

Trackback : http://sesamz.tistory.com/trackback/104 관련글 쓰기

  1. Subject 웹폰트 적용이 끝나다

    Tracked from 달콤!새콤!쌉쌀한 LIFE in USA 2009/02/28 00:18 delete

    드디어 웹폰트 적용을 마무리 지었다. 에고고...많은 무료 글꼴들이 있었지만, 모니터만을 보고 있는 것만도 눈에 피로를 줄텐데 작은 글씨는 더욱더 눈의 피로를 증가시킬것 같아서 결국엔 지금의 폰트로 결정. 바로 "다음체" 이다. 다음, 네이버를 비롯해서 한글의 예쁜 글꼴이 무료로 배포를 한다. 웹폰트를 그전부터 직접 만들어서 써본(프로그램이용해서 변경하는 방법을 이용) 경험이 있어서 많이 어렵지는 않았지만, 폰트 선정에 있어서는 조금 갈등이 싶했다...