▒▒ 소희짱 *^O^* SoheeZzang *^_^* ▒▒
 

 

예쁜 이미지를 모았어여^^*
한마디 적고가세용~*
유틸리티 자료실*^^
HTML 태그, 소스 등-_-*
좋은 홈페이지 링크=^^=
DVD 영화 예고편*^^*
소희짱 추천음악!!!
소희짱 쥔장 가족 소개~
 
BGM 준비중

    
   웹폰트 "티티체" 적용하기

보통 웹상에서 내가 가진 특정글자(Font)를 화면상에 보이게 하려면, 그 특정글자를 화면을 공유하는 다른 이도 역시 가지고 있어야 한다.
이를 테면 내가 가진 "HY신문명체"(Windows의 Font 폴더에 들어가 있는 글자)를 다른 사람이 가지고 있지 않다면, "HY신문명체"로 만든 나의 홈페이지를 그 다른 사람은 "바탕체"정도로 볼 수 밖에는 없다.
하지만, 웹폰트를 이용하게 되면 글자체가 웹상에 공유되게 할 수 있으므로 누가 어떤 컴퓨터로 화면을 보던 간에 동일한 글자체로 볼 수 있는 효과가 있다.

1. 티티체 다운받기
본 홈페이지에 쓰이는 티티체는 오늘과 내일 홈페이지( http://www.ttcgi.com )에 접속해서 소정의 무료회원 가입 절차를 거친 후에 다운로드받을 수 있다.
왼쪽 메뉴에서 "티티체"를 클릭한 후 다시 "신청하기"를 통해 회원가입을 마치면 티티체를 다운받을 수 있다.

2. 압축풀기 및 업로드
압축을 풀면 3개 파일이 있는데, 이 중 필요한 파일은 TTche.eot 파일이다. 자신의 웹계정에 적당한 이름으로 폴더를 만든 후 그 안에 TTche.eot 파일을 업로드한다. (업로드는 FTP 프로그램을 쓰면 편하다. - FTP를 모르는 사람을 위하여 알FTP http://www.altools.co.kr 을 추천한다.)

3. HTML에 적용하기
제로보드 등의 게시판이 적용되지 않은 일반 HTML문서에 티티체를 적용하는 것은 매우 간단하다. 가령 티티체가 있는 폴더가 "www.minkyuhome.pe.kr" 홈페이지의 "abc"라는 이름의 폴더라면 해당 HTML 문서를 열고, <head>와 </head>사이에 다음과 같이 넣어준다. 물론, 계정은 자기 것으로 수정하여 쓰도록 한다.

<style type="text/css">
<!--
@font-face {font-family:티티체; src:url(http://www.minkyuhome.pe.kr/abc/TTche.eot);}
body {font-family:티티체;font-size:9pt;line-height:160%;}
td {font-family:티티체;font-size:9pt;line-height:160%;}
a {font-family:티티체;color:darkblue;font-size:9pt;text-decoration:none;}
a:hover {font-family:티티체;color:red;font-size:9pt;text-decoration:none;}
-->
</style>

4. 스타일시트 이용하기
제로보드 등을 사용하면서 스타일시트(style.css) 파일이 있는 게시판 등은 우선 포함되어 있는 스타일시트 파일을 연 뒤(메모장 등으로 열면 된다) 맨 꼭대기의 BODY, TD, SELECT, ... 앞에 아래와 같이 한 줄울 첨부하고, A:link..., A:visited... 등의 font-family를 "티티체"로 바꿔주면 된다. (영문폰트와 한글폰트가 같이 있는 경우에는 한글폰트만 티티체로 바꿔준다. 단 폰트 크기는 9pt나 8pt 정도만 티티체로 바꾸고 나머지는 건드리지 않는 게 좋다. 티티체는 9pt 전후로 지정되면 깨질 우려가 있다.)

@font-face {font-family:티티체;src:url(http://www.minkyuhome.pe.kr/abc/TTche.eot);}
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:9pt; font-family:티티체; color:#96751A;line-height:150%}

A:link {font-size:9pt;font-family:티티체;color:#6E4613;text-decoration:none;}
A:visited {font-size:9pt;font-family:티티체;color:#6E4613;text-decoration:none;}
A:active {font-size:9pt;font-family:티티체;color:#cc0000;text-decoration:none;}
A:hover {font-size:9pt;font-family:티티체;color;#6E4613;text-decoration:none;}

.head {border:solid 1 black;font-family:티티체;font-size:9pt;color:black;background-color:white;height:19px}
.textarea {border:solid 1 #A0661C;font-family:티티체;font-size:9pt;color:black;background-color:white}
.input {border:solid 1 #A0661C;font-family:티티체;font-size:9pt;color:black;background-color:white;height:19px}
.submit {border:solid 1;font-family:티티체;font-size:9pt;color:white;background-color:black;height:19px}
.thm8 {font-family:티티체;font-size:9pt;}

목록

 19  동영상제어 엠베드    2007/08/24 980 
 18  사랑비 설치    2007/08/24 3271 
 17  MP3 파일을 WMA 파일로 바꾸기    2007/03/18 1557 
 16  스크롤 막대 색상 변환    2007/03/18 1179 
 15  윈98에서 오피스 설치시 한/영전환이 안될때    2005/10/18 1124 
 14  팝업창 띄우기    2005/09/21 1351 
 13  흐르는 텍스트 만들기    2004/04/28 1364 
 12  링크시 텍스트 색깔 바꾸기    2004/04/28 1452 
 11  < >의 HTML 내에서의 표현 - & n g t ;    2004/04/28 1207 
 10  한칸씩 들여쓰기 - &bnsp;    2004/04/28 1563 
 9  text color 마음대로 바꾸기    2004/04/28 1098 
 8  마우스 오른쪽 클릭 금지랑 소스 복사    2004/04/14 2170 
 7  내 홈페이지 무게줄이기(링크 활용)    2004/04/12 1246 
 6  사랑비 BGM 연속 재생방법    2004/04/12 1650 
 5  이미지 슬라이드 제작 [2편]    2004/04/09 1038 
 4  이미지 슬라이드 제작 [1편]    2004/04/07 1117 
 3  동영상 링크 소스를 보는 방법    2004/04/07 5782 
 2  음악링크 www.mukebox.com    2004/04/07 1223 
   웹폰트 "티티체" 적용하기    2004/03/16 2761 
목록 1
Copyright 1999-2022 Zeroboard / skin by RuVin
소희짱 메인으로=^^= 우리집 이쁜 공주 소희방*^^~ 우리집 귀염둥이 대현이방 ^o^ 맛집멋집, 잡다한 지식 등 육아상식, 예쁜 이미지--** 홈으로--*