상세 컨텐츠

본문 제목

텍스트 큐브에 웹폰트 설정하기.(임시판)

편집디자인/font

by 루퍼셰르미 2009. 4. 30. 14:55

본문

티스토리와 달리 아직까지 텍스트 큐브에서는 웹폰트를 자체 폴더에 올릴수가 없다.
그렇지만 이 블로그는 지금 나눔고딕이 적용되어 있는 상태....^^;;

방법은 일단 임시로 때운거지만.
외부 계정에서 이쪽 주소로 웹폰트 주소만 설정해주면 된다.
즉, 웹폰트 제작시 주소만 텍스트 큐브 주소로 해 주고, 나머지는 그냥 그대로...^^;;

그리고 스킨에서 약간 손을 보면 되는데.

다음과 같다.
일단 스킨 파일(skin.html)에 아래와 같은 내용을 <head>와 </head>사이에 추가해 준다.

<style type="text/css">

@font-face {font-family:nanum; src:url(웹폰트 주소);} BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,table,tr,td,center {font-family:nanum; line-height:160%;}
A:link {font-family:nanum; font-size:9pt; text-decoration:none;}
A:visited {font-family:nanum; font-size:9pt; text-decoration:none;}
A:active {font-family:nanum; font-size:9pt; text-decoration:none;}
A:hover {font-family:nanum; font-size:9pt; text-decoration:none;}

</style>

그리고 style.css에서는
@font-face {font-family:nanum; src:url(웹폰트 주소);} BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,table,tr,td,center {font-family:nanum; line-height:160%;}
A:link {font-family:nanum; font-size:9pt; text-decoration:none;}
A:visited {font-family:nanum; font-size:9pt; text-decoration:none;}
A:active {font-family:nanum; font-size:9pt; text-decoration:none;}
A:hover {font-family:nanum; font-size:9pt; text-decoration:none;}

를 제일 위에 넣어주고
font : 라고 된 부분들을 찾아 위에서 정해준 폰트 이름(저 스타일에는 nanum이지만)으로 다 바꿔주면 된다.

그리고 저장해 주면 웹폰트가 설정되어 있다...^^;;


그런데 텍스트 큐브 자체에서는 지정 할수 없으려나.. 있다면 좀 더 예쁠텐데...^^*

아. 그리고 간혹 나눔고딕이 깨진다는 분들.
XP이실듯 하다. 아래 링크에 나온대로 하면 깨져보이지 않습니다..^^*
http://mwultong.blogspot.com/2006/07/xp-cleartype.html

비스타는 자체 클리어타입이 설정된 채로 나와버려서요...^^;;

티스토리툴바