XE 공식 자료실

1. 기능

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

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

(3) 나눔글꼴 내장 

 - 현재 애드온 포함된 글꼴은 쉬운설치 부담을 줄이기 위해 필요한 글꼴만 포함하였습니다. 포함된 글꼴은 나눔고딕, 나눔손글씨 펜 2가지입니다. 나머지 글꼴은 다음의 링크를 클릭하세요. 다운받으신 후 addons/webfont/font 폴더에 넣으시면 됩니다. 

* 나눔명조 다운받기 : font.zip

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

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

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

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

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

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

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

2. 웹폰트 사용법

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

http://www.xpressengine.com/19783916

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

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

나눔고딕 : ng

나눔명조 : nm

나눔손글씨 펜 : np

나눔손글씨 붓 : nb