첨부파일 https://imweb.eond.com/font/361656

서브셋폰트메이커를 사용한 웹폰트 만들기
http://eond.com/font/361651

위 방법을 이용해서 릭스고딕M 폰트를 웹폰트로 만들어보았습니다.

KakaoTalk_20150830_061620512.png

용량을 비교해보면 Rix고딕M 원본은 2.8MB이고, 서브셋 폰트는 675KB 입니다. 웹폰트용으로는 200~400KB 정도면 훌륭한데, 아무래도 릭스고딕은 조금 더 부드럽게 나타내기 위해서 용량이 큰가 봅니다.

1. Rix고딕M
의외로 별로네요 하하하..-_-;
KakaoTalk_20150830_063416162.png

2. 구글본고딕Black
구글 본고딕은 정말 잘 만들어진 것 같네요. 굵기도 다양한 게 많아서 필요한 굵기로 사용하면 될 듯 합니다.
KakaoTalk_20150830_063442604.png

3. 나눔바른고딕
나눔바른고딕은 본문으로 제격인 듯 합니다. 
KakaoTalk_20150830_063948670.png

CSS 입니다.

1. 구글 본고딕 Black

@font-face {
 font-family: 'NotoSansBlack';
 font-style: normal;
 src: url('https://021b64efda903fd2f04226783d09490774fac328.googledrive.com/host/0B5GXa347KCFFVDYydUw4NGwybTg/fonts/NotoSansCJKkr-Black.eot');
 src: url('https://021b64efda903fd2f04226783d09490774fac328.googledrive.com/host/0B5GXa347KCFFVDYydUw4NGwybTg/fonts/NotoSansCJKkr-Black.eot') format('embedded-opentype'),
 url('https://021b64efda903fd2f04226783d09490774fac328.googledrive.com/host/0B5GXa347KCFFVDYydUw4NGwybTg/fonts/NotoSansCJKkr-Black.woff') format('woff'),
 url('https://021b64efda903fd2f04226783d09490774fac328.googledrive.com/host/0B5GXa347KCFFVDYydUw4NGwybTg/fonts/NotoSansCJKkr-Black.otf') format('truetype');
}

2. 릭스고딕M
@font-face {
 font-family: 'RixGothicM';
 font-style: normal;
 src: url('./font/RixGothicM.eot');
 src: url('./font/RixGothicM.eot') format('embedded-opentype'),
 url('./font/RixGothicM.woff') format('woff');
}

3. 나눔바른고딕
@font-face{font-family:'Nanum Barun Gothic';font-style:normal;font-weight:700;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot);src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.ttf) format('truetype')}@font-face{font-family:'Nanum Barun Gothic';font-style:normal;font-weight:400;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot);src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf) format('truetype');}

※참조 : 
본고딕 서체 용량 최적화 웹폰트 CDN (https://021b64efda903fd2f04226783d09490774fac328.googledrive.com/host/0B5GXa347KCFFVDYydUw4NGwybTg/index.html )
나눔바른고딕 웹폰트 데모 및 다운로드(http://www.cmsfactory.net/node/11353 )
나눔바른고딕 데모 페이지 (http://event0u.co.kr/demo/webfont1.php )
[웹폰트나눔바른고딕 웹폰트 서비스 빠른곳!!  (http://blog.naver.com/mrbyj/220377479773 )

 

첨부파일
코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 88 articles in 3 / 5 pages
번호 제목 제목 날짜날짜 조회 수
공지 깃헙 웹폰트 2018/05/15 240
공지 한글 폰트 직접 써보고 고르기 파일 2018/05/15 658
공지 폰트 이야기 알림입니다. 2010/05/15 282
48 [관련유틸] 무설치 폰트(글꼴)관리 프로그램 총집합 [1] 2015/09/06 580
47 폰트 자료실 2008/12/19 582
46 [웹폰트] 나눔손글씨 붓 / 나눔손글씨 펜 (2017) 파일 2018/02/21 597
45 [한글] ‘공간체’ 개발한 한글디자이너 김태헌 소장 파일 2018/05/14 612
44 [일반] 이 폰트 뭔가요? SK텔레콤 T플랜 CF 폰트 파일 2018/08/05 623
43 [영문] 동글동글 귀여운 영문 폰트 2017/06/07 646
42 서울서체 - 서울한강체, 서울남산체 2009/01/07 662
41 [웹폰트] 화이트데이체 파일 2007/09/02 691
40 [딩벳] BulletMix2 2003/07/27 733
39 산돌폰트 미리보기 정리 파일 2007/09/25 753
38 [웹폰트] 소야폰트 2007/09/02 759
37 [윤디자인] 윤소호 BS (본문용)/TB (제목용)/TF (제목용)/SS (스크립트)/필체/이철수목판글꼴모음 파일 2007/09/20 775
36 [자주사용하는폰트] Abaldi MT Condensed Light 파일 2005/10/20 798
35 [한글] [무료폰트] 아산시청 이순신체 파일 2015/10/10 810
현재글 [웹폰트] 직접 만들어본 릭스고딕M 웹폰트와 구글본고딕, 나눔바른고딕의 비교 파일 2015/08/30 815
33 [일반] 구글 본고딕 NotoSansKR 버전 2015/08/30 823
32 [스크랩]블로그 글꼴 변경 - 나눔고딕 & Tahoma 파일 2009/01/07 892
31 [영문] 무료로 사용할 수 있는 영문 폰트 2015/12/18 908
30 캘리그라피 폰트 2018/01/03 933
29 [일반] empireBT / Movie Poster / Rothman : eond.com 타이틀 체와 비슷해서 맘에 들고 2003/08/07 973

해시태그 디렉터리

오늘의 핫게시물