웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CKEditor 글꼴란에 한글 폰트 추가하는 방법 (수정함)
2015.09.19 22:14
기존의 xpresseditor용 팁(https://www.xpressengine.com/tip/22399186)은 ckeditor에는 적용되지 않더군요
xe 공홈에서는 딱히 관련 팁을 찾을 수가 없어서 검색하던 중에 해결책을 알아내서 적용해봤더니 잘 되네요
/(xe설치경로)/common/js/plugins/ckeditor/ckeditor 로 들어가면 ckeditor.js 파일이 있는데, 해당 파일을 연 후에 약 730번째 줄(CKEDITOR.config.font_names 라고 검색하면 나옵니다)에 보면 폰트 목록들이 보입니다.
폰트 형식을 보면, "폰트명(글꼴 버튼 누를때 나타나는것)/(폰트), (폰트), (폰트);" 형식으로 되어 있는 것을 알 수 있습니다. 이에 맞춰서 입력하면 됩니다.
저의 경우 영문 폰트명(Arial) 앞에 다음과 같이 나눔고딕을 추가했습니다. (레이아웃에 웹폰트로 나눔고딕을 추가하고, 에디터 설정에서 나눔고딕을 추가해주면 본문 및 에디터 화면에서 잘 보이더군요)
CKEDITOR.config.font_names="나눔고딕/나눔고딕, Nanum Gothic, ng, sans-serif;"
그랬더니 잘 적용되네요
저처럼 모르고 헤매는 분들 계실까봐 올려봅니다.