===========================================
[1] 웹폰트를 등록하기전에.....
===========================================
웹폰트는 윈도우즈의 fonts에 등록된 일반적인 ttf(트루타입폰트) 형식과 달리
사용자 윈도우즈에 글꼴이 없더라도 html 내에 embed 되어 출력되는 글꼴입니다.
웹폰트 전문업체에서 개발한 '상용폰트' 들이 다양하고 또 이쁜 것들이 많지만,
무료로 배포되는 폰트중에서도 이쁜 것들이 있으므로 꼬옥~ 다운로드 받으세요
상단에 첨부된 파일은 TTF 를 웹폰트(EOT)로 인코딩할때 등록할
서브셋(subset)파일입니다. 유용하게 쓰세요
----------------------------------------------------------
아래 사이트는 무료로 이쁜 웹폰트를 다운받을 수 있는 사이트입니다.
1. http://soyafont.com (바른체,다듬체,나눔체,곧은체...etc.)
2. http://typoenter.net (풀잎체,갈입체,솔잎체...)
3. http://font4u.com (참사랑,유우병,박스체 등 )
4. http://kCOOKIE7.ivyro.net/ (쿠키폰트 시리즈)
5. http://flancho.ce.ro/ 플란초 외 만년필, 라일락(웹폰트만)
6. http://nontoxic.cherilove.co.kr/ (nontoxic 시리즈)
한글폰트는 배포중지하셨음 , 영문비트맵 nontoxic시리즈 배포중
7. http://jeongjache.wo.to/ (김어진 정자체,엽토체)
8. http://chungyeori9.wo.to (충여리체)
9. http://poty.pe.kr (포티정갈체,캐모마일체,펜넬체)
10. http://white-day.pe.kr (화이트데이체)
11. http://ttcgi.com (티티보드-티티체)
12. http://ifshop.fontbox.net/ (개나리, 신나리, 진달래체...etc.)
-----------------------------------------------------------
웹폰트의 확장자는 eot,gwf,smf,mwf 등등 폰트 제작업체마다 각기 다릅니다.
다만 html 내의 스타일시트 정의 부분에 @font-face를 이용해 웹폰트를 등록하는 것은 동일합니다.
각 웹폰트에 대한 자세한 사항은 제작자및 배포홈페이지를 참고하세요.
@font-face{font-family:웹폰트명,src:url(웹폰트url);}
아래는 티티보드에서 무료배포하는 '티티체'를 등록하는 간단한 예입니다.
<style TYPE="text/css"><!--
@font-face {font-family:ttche; src:url(http://yourhome.com/TTche.eot);}
--></style>
font-face 앞에 @가 붙는 것과 폰트의 경로를 지정하는 src:url(폰트url); 부분을 제외하고는
일반적인 스타일시트 정의부분과 동일한 문법이 적용될 수 있습니다.
상용 웹폰트의 사용법은 제공되는 메뉴얼이나 관련업체에서 지원받으세요
|
추천 : 