많은 기업들이 자사 브랜딩을 강화하기 위해 그들만의 폰트를 배포하여 내놓습니다.
그런데 이런 폰트들이 참 탐이 나고, 웹에서 사용할 수 없을까 라는 고민을 하기도 하는데
웹폰트의 경우 용량 문제로 사용하기가 어렵습니다.
그래서 폰트 경량화 문제가 중요한데요, 일단 이 글은 아모레퍼시픽에서 내놓은 아리따글꼴의 웹폰트를 사용하는 방법에 대한 글입니다.
소스
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs.css
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaDotumMedium.eot
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaDotumMedium.woff
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaDotumMedium.ttf
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaDotumLight.eot
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaDotumLight.woff
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaDotumLight.ttf
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaSansMedium.eot
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaSansMedium.woff
http://www.amorepacific.com/etc/designs/company-ko-kr/clientlibs/fonts/AritaSansMedium.ttf
@font-face {
font-family:'aritadm';
src: url('clientlibs/fonts/AritaDotumMedium.eot');
src: local(※), url('clientlibs/fonts/AritaDotumMedium.eot?#iefix') format('embedded-opentype'),
url('clientlibs/fonts/AritaDotumMedium.woff') format('woff'),
url('clientlibs/fonts/AritaDotumMedium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'aritadl';
src: url('clientlibs/fonts/AritaDotumLight.eot');
src: local(※), url('clientlibs/fonts/AritaDotumLight.eot?#iefix') format('embedded-opentype'),
url('clientlibs/fonts/AritaDotumLight.woff') format('woff'),
url('clientlibs/fonts/AritaDotumLight.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'aritasm';
src: url('clientlibs/fonts/AritaSansMedium.eot');
src: local(※), url('clientlibs/fonts/AritaSansMedium.eot?#iefix') format('embedded-opentype'),
url('clientlibs/fonts/AritaSansMedium.woff') format('woff'),
url('clientlibs/fonts/AritaSansMedium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'aritadsb';
src: url('clientlibs/fonts/AritaDotumSemiBold.eot');
src: local(※), url('clientlibs/fonts/AritaDotumSemiBold.eot?#iefix') format('embedded-opentype'),
url('clientlibs/fonts/AritaDotumSemiBold.woff') format('woff'),
url('clientlibs/fonts/AritaDotumSemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
이런 식으로 폰트 파일을 정의해놓고,
font-family:'아리따돋움', aritadm, 'Apple Gothic', 'DroidSansFallback', '맑은고딕', 'Malgun Gothic', '나눔고딕', NanumGothic, '돋움', dotum, arial, sans-serif, helvetica;
이렇게 사용하면 됩니다.
픈트 용량이 2메가 선을 넘네요. 경량화 작업은 그다지 안된;; 그러니깐 올곧은 폰트네요 ㅎ;
제목 | 날짜 | ||
---|---|---|---|
깃헙 웹폰트 | 2018/05/15 | 240 | |
한글 폰트 직접 써보고 고르기 | 2018/05/15 | 658 | |
폰트 이야기 알림입니다. | 2010/05/15 | 282 | |
88 | [웹폰트] 한글 웹폰트에 대한 생각 | 2014/02/28 | 87 |
87 | [일반] 한양정보통신, 타이프엔진 | 2015/08/30 | 92 |
86 | [필기체] Rosseville | 2020/05/19 | 105 |
85 | [일반] meslo 폰트 | 2013/04/01 | 135 |
84 | [한글] 롯데폰트 | 2020/03/04 | 146 |
83 | [웹폰트] 네이버 웹폰트 954102_10.eot | 2015/06/14 | 148 |
82 | [다운로드] 죽은 디자인도 살린다 '고급 무료폰트 25선' | 2010/12/15 | 151 |
81 | [웹폰트] 구글 early access 한글 폰트 리스트 | 2015/12/18 | 171 |
80 | [자주사용하는폰트] 가장 좋아하는 스타일의 영문 폰트 | 2012/01/22 | 179 |
79 | [일반] 폰트 관련글 | 2014/01/23 | 180 |
78 | [일반] 구글 본고딕 외 | 2014/07/28 | 187 |
77 | [웹폰트] OneLatin webfont | 2018/04/09 | 199 |
76 | [일반] 이 폰트 무엇인가요? | 2014/04/28 | 213 |
75 | [관련유틸] 폰트 검색 사이트 Dafont.com | 2015/09/09 | 237 |
74 | [코딩] 코딩 폰트의 절대 강자, Consolas | 2013/12/11 | 242 |
73 | [다운로드] 네이버 무료폰트 외 | 2013/08/09 | 253 |
72 | [손글씨] 윤태호 작가의 손글씨 무료폰트 미생체 | 2016/02/04 | 261 |
71 | [일반] 온라인으로 폰트 만들기 | 2010/01/28 | 268 |
70 | [웹폰트] 웹폰트 위쯔또박체 사용법 | 2015/06/14 | 273 |
69 | [일반] font creator program 에서 스크롤 속도를 빠르게 | 2010/01/28 | 282 |