홈페이지 웹폰트 적용 방법

아래에 예를 적어 뒀으니 참고하길 바란다.

여기에서는 티티체 웹폰트를 사용하겠다.

ttf는 해당 폰트가 win/font에 있을 경우에만 그 폰트가 적용되어 보여지지만,

웹폰트의 경우, 해당 폰트가 클라이언트PC에 있냐없냐에 상관없이 항상 보여지는 폰트이기에,

이것을 사용한다.

 

1. head 부분에 스타일시트 링크를 걸어 준다.

왜 스타일 시트를 쓰냐하면, 이렇게 하지 않을 경우, 페이지마다 일일이 폰트 형식을 지정해 주는 불편함을 안 주기 위해서다.

홈페이지 제목

 

2. style.css 파일을 만든다.

@font-face {font-family:정;src:url(/TTche.eot);}
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:9pt;font-family:정; color:#666666;line-height:140%}
.small{border:none; font-size:9pt; font-family:정}
.bsmall{font-size:9pt; font-family:정; font-weight:bold}
a{color:#666666; text-decoration:none}
a:hover{color:666666;position:relative; top:2; left:-2}

.none{position:relative; top:0; left:0}

A:link {color:#666666;text-decoration:none;}
A:visited {color:#666666;text-decoration:none;}
A:active {color:#666666;text-decoration:none;}
A:hover {color:#666666;text-decoration:none;}

 

3. eot 파일을 자신의 계정에 ftp로 업로드한다.

 

질문 있는 사람들은 아래에 댓글을 남기면 됩니다.