XE 공식 자료실

제작자
Sketchbook
등록일
2012-11-15
다운로드 수
732
링크1
sketchbooks.co.kr

웹폰트를 쉽게 사용할 수 있도록 해줍니다.
각종 브라우저의 웹폰트 동작 방식을 검토하여 효율적으로 사용이 가능하도록 하였습니다.

라이선스
GPL v2
설치경로
./addons/webfont
최초 등록일
2011-02-19
전체 다운로드
15,089
체험하기

쉬운설치로 바로 체험할 수 있습니다

상세 설명

* IE8 이하에서의 과도한 웹폰트 사용은 브라우저 로딩을 느리게 합니다. 반면 그 외의 브라우저에서는 웹폰트를 처음에 한번만 로딩하면 마치 폰트가 PC에 설치된 것과 거의 동일하게 작동합니다. 

* 웹폰트 관련 글 :  http://www.xpressengine.com/19783916


- 1.1.3.0 버전(2012.11.15)에서 변경된 사항

(1) 애드온에 내장된 웹폰트 파일 제거, 구글 웹폰트 제공하는 웹폰트 파일 사용

http://www.google.com/webfonts/earlyaccess

* 내장된 웹폰트 파일이 필요하신 분은 기존 버전을 받으세요.


(2) 모바일에서 웹폰트 사용 여부를 사용자가 결정하게 변경 : 웹폰트 파일크기가 커서 모바일에서는 트래픽 관련하여 문제가 될 수 있기에 사용자가 웹폰트 파일을 다운받을 것인지 선택할 수 있게 변경했습니다.


(3) 마지막 업데이트 : 특별히 문제가 없다면 마지막 버전이 될 것 같습니다. 사용해주시는 분들께 감사의 말씀을 드립니다^^



 

1. 기능

 

(1) 웹폰트를 쉽게 사용하게 도와줍니다. 

(2) 각종 브라우저의 웹폰트 동작 방식을 검토하여 효율적으로 사용가능하도록 하였습니다. 


(3) 나눔글꼴 


- 무료로 웹폰트를 만들어 사용할 만한 한글 폰트가 많이 없는 현실에서, 나눔글꼴이 가장(주관적입니다;) 가독성이 좋으며, 네이버에서 검색화면 등을 통해 배포를 유도하고 있기 때문에 가장 사용자가 많을 것이라고 생각하여 나눔글꼴을 우선적으로 적용해 봤습니다. http://hangeul.naver.com/index.nhn


나눔글꼴 설치 안내창 : 폰트의 로컬 설치 여부를 체크하여 설치유도 안내창을 띄웁니다.


(4) 사용자 폰트 사용 설정 

- 사용자가 등록한 웹폰트를 쉽게 사용할 수 있도록 하였습니다. 


(5) 구글 웹폰트 사용 설정 

- 구글 웹폰트를 단지 이름을 적는 것만으로 쉽게 사용할 수 있도록 하였습니다. 

- 사용방법 : 구글 웹폰트 홈페이지(http://www.google.com/webfonts)에 가서 폰트명을 적어줍니다. 다중 사용의 경우 ,(콤마) 로 구분합니다(예 : aaa,bbb,ccc). 아래 파란 동그라미 부분이 폰트명입니다. 

google.PNG


 


2. 웹폰트 개념과 사용법

 

- 웹폰트의 개념과 사용법 등에 대해서는 다음 글을 참조하세요. 

http://www.xpressengine.com/19783916


- 위의 애드온을 활성화하고 해당부분의 css에' font-family:'나눔고딕','NanumGothic',ng; '라고 필요한 부분에 적용해야 나눔고딕이 적용됩니다. 

 

- 이 애드온에 사용되는 '나눔글꼴의 웹폰트명' 입니다. 

 

나눔고딕 : ng

나눔고딕 아주굵게 : ngeb

나눔명조 : nm

나눔명조 아주굵게 : nmeb

나눔손글씨 펜 : np

나눔손글씨 붓 : nb



포럼 0

로그인 후 작성할 수 있습니다.