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

많은 기업들이 자사 브랜딩을 강화하기 위해 그들만의 폰트를 배포하여 내놓습니다.
그런데 이런 폰트들이 참 탐이 나고, 웹에서 사용할 수 없을까 라는 고민을 하기도 하는데
웹폰트의 경우 용량 문제로 사용하기가 어렵습니다.

그래서 폰트 경량화 문제가 중요한데요, 일단 이 글은 아모레퍼시픽에서 내놓은 아리따글꼴의 웹폰트를 사용하는 방법에 대한 글입니다. 

소스 
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메가 선을 넘네요. 경량화 작업은 그다지 안된;; 그러니깐 올곧은 폰트네요 ㅎ;

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 24 articles in 1 / 2 pages
번호 제목 제목 날짜날짜 조회 수
공지 깃헙 웹폰트 2018/05/15 240
공지 한글 폰트 직접 써보고 고르기 파일 2018/05/15 658
공지 폰트 이야기 알림입니다. 2010/05/15 282
24 [웹폰트] 화이트데이체 파일 2007/09/02 691
23 [웹폰트] 웹돋움 2007/09/02 541
22 [웹폰트] 윤디자인 웹돋움 2007/09/02 1144
21 [웹폰트] 소야폰트 2007/09/02 759
20 [웹폰트] 한글 웹폰트에 대한 생각 2014/02/28 87
19 [웹폰트] 구글 웹폰트 lora 렉시새봄체 파일 2014/08/05 495
18 [웹폰트] 웹폰트 위쯔또박체 사용법 파일 2015/06/14 273
17 [웹폰트] 네이버 웹폰트 954102_10.eot 파일 2015/06/14 148
16 [웹폰트] 한글 웹 폰트 경량화해 사용하기 (Coderifleman, 2015.02), Noto Sans(본고딕) 웹폰트 파일 2015/08/30 1000
현재글 [웹폰트] 아모레퍼시픽 아리따글꼴 웹폰트 2015/08/30 1172
14 [웹폰트] 현대 유앤아이 웹폰트 2015/08/30 6790
13 [웹폰트] 서브셋폰트메이커를 사용한 웹폰트 만들기 파일 2015/08/30 1711
12 [웹폰트] 직접 만들어본 릭스고딕M 웹폰트와 구글본고딕, 나눔바른고딕의 비교 파일 2015/08/30 815
11 [웹폰트] 제주고딕 웹폰트 파일 2015/12/18 397
10 [웹폰트] 구글 early access 한글 폰트 리스트 2015/12/18 171
9 [웹폰트] 웹폰트 2015/12/18 347
8 [웹폰트] 나눔스퀘어 웹폰트 파일 2016/06/06 2295
7 [웹폰트] 현대U&I웹폰트, 구글 본고딕 노토산스 2016/06/26 1328
6 [웹폰트] 괜찮은 웹폰트? 스포카 한 산스 2016/07/18 414
5 [웹폰트] 무료 사용 가능한 한글 구글웹폰트 2017/03/31 2729

해시태그 디렉터리

오늘의 핫게시물