본문 바로가기

Internet/Tistory

티스토리 ( Tistory ) 폰트 내가 원하는 "웹폰트"로 변경

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
1. 웹폰트를 "직접 올리기"에 올린다.
( 여기서 사용된 폰트 명 "soyananoom.eot" )

2. 소스를 편집한다.
skin.html

1. <head>사이에 <style> ~ </style> 추가

<head>
<!--웹폰트 시작 -->
<style type="text/css">
<!--
@font-face {font-family: soyananoom; src:url(./images/soyananoom.eot);}
a:link {font-family: soyananoom;font-size: 9pt;}
a:visited {font-family: soyananoom;font-size: 9pt;}
a:hover {font-family: soyananoom;font-size: 9pt;}
a:acvite {font-family: soyananoom;font-size: 9pt;}
a,body,div,table,tr,td,p,span {font-family: soyananoom;font-size: 9pt;}
-->
</style>
<!--"##_article_rep_desc" 앞 div에  style="font:9pt/150% soyananoom;" 추가 -->
<!-- style.css 에 @font-face{font-family:soyattul9; src:url(images/soyananoom.eot)}추가 -->
<!-- 웹폰트 끝 -->
</head>
(위 첫줄 & 아래 3줄은 없어도 됨.....)

2. ##_article_rep_desc 검색

<div class="article">
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
1. 웹폰트를 "직접 올리기"에 올린다.
( 여기서 사용된 폰트 명 "soyananoom.eot" )

2. 소스를 편집한다.
skin.html

1. <head>사이에 <style> ~ </style> 추가

<head>
<!--웹폰트 시작 -->
<style type="text/css">
<!--
@font-face {font-family: soyananoom; src:url(./images/soyananoom.eot);}
a:link {font-family: soyananoom;font-size: 9pt;}
a:visited {font-family: soyananoom;font-size: 9pt;}
a:hover {font-family: soyananoom;font-size: 9pt;}
a:acvite {font-family: soyananoom;font-size: 9pt;}
a,body,div,table,tr,td,p,span {font-family: soyananoom;font-size: 9pt;}
-->
</style>
<!--"##_article_rep_desc" 앞 div에  style="font:9pt/150% soyananoom;" 추가 -->
<!-- style.css 에 @font-face{font-family:soyattul9; src:url(images/soyananoom.eot)}추가 -->
<!-- 웹폰트 끝 -->
</head>
(위 첫줄 & 아래 3줄은 없어도 됨.....)

2. ##_article_rep_desc 검색

<div class="article">

</div>

이곳 중
<div class="article" 이곳에 아래 소스 추가 >

style="font:9pt/150% soyananoom;"

예 : <div class="article" style="font:9pt/150% soyananoom;">



style.css

@font-face{font-family:soyananoom; src:url(images/soyananoom.eot)}
시작 전 아무곳에 추가
( 필자는 /* 1. 본문 전체 */ 앞에 넣었다. )


3. 미리보기로 확인
 저장하기전에 미리보기로 확인하고 정상으로 보인다면 저장한 후 종료한다.



( 시간이 되면 폰트를 웹폰트로 변경하는 법도 올리겠습니다. )

</div>

이곳 중
<div class="article" 이곳에 아래 소스 추가 >

style="font:9pt/150% soyananoom;"

예 : <div class="article" style="font:9pt/150% soyananoom;">



style.css

@font-face{font-family:soyananoom; src:url(images/soyananoom.eot)}
시작 전 아무곳에 추가
( 필자는 /* 1. 본문 전체 */ 앞에 넣었다. )


3. 미리보기로 확인
 저장하기전에 미리보기로 확인하고 정상으로 보인다면 저장한 후 종료한다.



( 시간이 되면 폰트를 웹폰트로 변경하는 법도 올리겠습니다. )