유용한팁 655

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

웹폰트(webfont)적용법

20년 전

===========================================
[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"></style>

font-face 앞에 @가 붙는 것과 폰트의 경로를 지정하는 src:url(폰트url); 부분을 제외하고는
일반적인 스타일시트 정의부분과 동일한 문법이 적용될 수 있습니다.

상용 웹폰트의 사용법은 제공되는 메뉴얼이나 관련업체에서 지원받으세요

첨부 :

subset모음.zip (22.5 KB) (53)

추천 목록

번호	제목
1,348	Windows 서비스 관리자에서 Apache 서버가 멈췄을 때 시스템 자체를 재부팅
1,347	윈도우에서 Apache 서버 상태를 체크한 후 문제가 발생하면 자동으로 재부팅
1,346	윈도우 서버 2019 취약점 점검 보안
1,345	윈도우 서버 2019 취약점 점검 보안 (windows server 2019)
1,344	Windows 취약점진단 보안가이드라인
1,343	Windows Admin Center를 통한 서버 관리
1,342	윈도우 서버에서 실행되는 서비스 확인
1,341	Chrome NET::ERR CERT REVOKED 해결방법
1,340	cmd 명령어 (명령 프롬프트 명령어) 모음
1,339	Windows10 특정 프로그램(OCS 2007 R2)에서 첨부파일 드래그앤드롭이 안 되는 현상
1,338	윈도우 로그, 관리 이벤트 삭제
1,337	클린 부팅
1,336	[SFC 명령어, DISM 명령어]] 무결성 검사 및 시스템 파일 손상 파일 복구
1,335	Windows Defender 검사 기록 삭제하기
1,334	간단한 윈도우 10 정품 인증 (크랙프로그램 필요없음)
1,333	오류난 폴더 강제삭제 방법
1,332	크롬에서 플래시 항상 허용하도록 설정하기 (레지스트리) reg 파일 만들기
1,331	GPT 디스크를 MBR 디스크로 변환
1,330	MBR 디스크를 GPT 디스크로 변환
1,329	구글 검색을 200% 활용하게 해주는 검색 명령어 총정리
1,328	[Jquery] jQuery로 우클릭 방지, 드래그 방지, 선택 방지 (IE10, 파이어폭스, 크롬 확인)
1,327	php 사용자 접속IP, 브라우저정보, os정보, http, https 접속프로토콜 알아오기
1,326	[PHP] IE 브라우저 접속 검출하기
1,325	윈도우10 시스템 예약 파티션 확인 및 삭제
1,324	윈도우10 복구 파티션 삭제 방법
1,323	윈도우10 부팅지연 검은화면에서 몇분간 머무는 현상 해결방법
1,322	삼성노트북 바이오스 진입이 불가능한 경우 바이오스 재설치와 NVRAM 초기화
1,321	익스플로러(IE)의 구글 검색공급자 한글로 변경 방법
1,320	윈도우 10 기본 앱 삭제 및 복구
1,319	meta 태그 http-equiv 설정방법과 차이점