웹마스터 팁

  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) 앞에 다음과 같이 나눔고딕을 추가했습니다. (레이아웃에 웹폰트로 나눔고딕을 추가하고, 에디터 설정에서 나눔고딕을 추가해주면 본문 및 에디터 화면에서 잘 보이더군요)

 

?
730
CKEDITOR.config.font_names="나눔고딕/나눔고딕, Nanum Gothic, ng, sans-serif;"

 

그랬더니 잘 적용되네요

 

스크린샷(42).png

 

 

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

이 게시물을
좋아요(+4)
목록
제목 글쓴이 날짜
사용자정의에서 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
[리눅스] 속도향상 팁. nginx를 리버스프록시로 써봅시다. [6] choco@_@ 2013.07.11
jquery swiper Ansi™ 2017.02.16
인스타그램 해시태그 회원가입 없이 끌어오기 외인 2017.02.08
CKEditor 글꼴란에 한글 폰트 추가하는 방법 (수정함) [4] file 기븐 2015.09.19
폰갭과 웹앱 그리고 XE... [6] onTrust 2015.04.23
jQuery 플러그인 모음 Ansi™ 2017.01.25
DOS 공격에 대한 방어 프로그램입니다. 마루디자인 2017.01.23
관리자 로그인시 원하는걸 보여주자 [5] 빽짱구 2008.04.15
SSL의 정석 (아파치 & nginx) [13] 기진곰 2015.06.16
방명록 형태 사용시 제목이 길게 저장되게 하려면 sejin7940 2016.12.23
태그 쓰기