컴퓨터정보/팁&노하우
Tistory에서 웹폰트 적용법
Man
2009. 6. 14. 10:45
출처 : http://www.oegun.com/114
1. 본문글 내용에 적용하는 법
기본적으로
style.css 상단에
추가하고
style.html 부분에
Div Class 부분은
으로 검색하여 위쪽에 있는 태그부분을 수정하면 되는것이다.
현재 제 홈페이지에 사용하는 글꼴은 나눔고딕,다음체,한글상상 이렇게 3가지를 사용하고 있다.
보문 내용 및 사이드바내용과 제목 글,방명록 글에는 나눔고딕을 블로그제목과 글제목에는 다음체를 사용하고 있으며
방명록 제목에는 한글상상체를 사용중이다~^^*
중요한것은 3가지 모두다 무료로 사용가능한 웹폰트이니까~~ 걱정이 없다~~
1. 본문글 내용에 적용하는 법
기본적으로
style.css 상단에
| @font-face{ font-family: 웹폰트명; src:url(경로/파일명);} |
추가하고
style.html 부분에
| <div class="article" style="font:10pt/150% 웹폰트명;"> |
Div Class 부분은
으로 검색하여 위쪽에 있는 태그부분을 수정하면 되는것이다.
현재 제 홈페이지에 사용하는 글꼴은 나눔고딕,다음체,한글상상 이렇게 3가지를 사용하고 있다.
보문 내용 및 사이드바내용과 제목 글,방명록 글에는 나눔고딕을 블로그제목과 글제목에는 다음체를 사용하고 있으며
방명록 제목에는 한글상상체를 사용중이다~^^*
중요한것은 3가지 모두다 무료로 사용가능한 웹폰트이니까~~ 걱정이 없다~~