웹마스터 팁

  2. Support
  3. 웹마스터 팁

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;"

 

그랬더니 잘 적용되네요

 

스크린샷(42).png

 

 

저처럼 모르고 헤매는 분들 계실까봐 올려봅니다.

이 게시물을
좋아요(+4)
목록
제목 글쓴이 날짜
OpenSSL 웹에 직접 구축하기 [2] file 워리도꾸 2016.02.16
스케치북 갤러리 제목에 카테고리 추가하기. [1] 보보2 2017.07.17
XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] 웹엔진 2011.02.28
글등록시 포인트차감으로 등록불가 설정시 개별설정이 아닌 전체 설정 기준으로만 사용할 경우는 적용 안 되는 버그 수정법 sejin7940 2017.08.23
폰갭 자기 전화번호 추출 한꼬마 2017.08.14
폰갭 버전 업데이트 후 push 안되시는 분들께.. 한꼬마 2017.08.09
포인트 적립 횟수 일별 제한하기 (게시글 및 댓글 작성시) Redback 2017.06.18
다음 우편번호 5자리 적용 [1] file 뒤늦게입문 2017.03.15
HTML, CSS 등 코드를 깔끔하게 정렬 [6] file 참치.k 2013.01.11
SASS? CSS확장판 키큰아이 2017.05.09
사용자정의에서 URL형, email형, textarea 형등에서도 기본값 인식하게 하려면 sejin7940 2017.04.25
비밀글에 대해서도 썸네일이미지는 출력되도록 하고 싶으면 sejin7940 2017.04.12
제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] 쿨리안 2003.06.28
게시글 확장변수 순으로 정렬하기 (2010.01.18 13:18 수정) [24] June Oh 2010.01.11
인기글 [1] kdp 2015.05.07
[주옥시리즈]최신글,인기글 위젯에 댓글수 표기하기 [1] socialskyo 2013.10.01
.htaccess 파일 관련 팁(웹 사이트 퍼포먼스 향상 및 트래픽 절감 효과) [21] file 서시빈목 2013.10.22
압축 풀어 설치했던 XE를 git으로 변환하기 [6] 기진곰 2015.02.25
반응형 기본 개념 Ansi™ 2017.02.27
[도로명주소 krzip] 1.7.4 이전 버전들에 이용하기 [3] XE플스 2014.02.06
태그 쓰기