테스트 사이트 - 개발 중인 베타 버전입니다

정말 몰라서 질문드립니다. 용서하세요~ ㅜ.ㅜ 채택완료

희희아빠 1년 전 조회 2,176

ckeditor4에 외부 폰트를 추가 하고 싶은데, 어떻게 해야 합니까?

 

사실, 나눔폰트, 안성탕면체 같은 것을 추가하고 싶은데, 어떻게 하는 줄 모르겠습니다. 

 

도와 주시면 감사하겠습니다. ㅜㅜ

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
녹두탐
1년 전

1. 글꼴 다운로드 및 임의의 경로에 글꼴을 업로드합니다.

- 아래에서는 `static/font/...` 경로에 위치했습니다.

 

2. ckeditor 글꼴 설정에 원하는 글꼴을 추가합니다.

`static\plugin\editor\ckeditor4\config.js`

</p>

<p>CKEDITOR.editorConfig = function( config ) {</p>

<p>    ...</p>

<p>    // 글꼴관련</p>

<p>    config.font_names = '맑은 고딕;굴림;굴림체;궁서;궁서체;돋움;돋움체;바탕;바탕체;안성탕면체/Ansungtangmyun-Bold;';  // + CKEDITOR.config.font_names;</p>

<p>    ...</p>

<p>

 

3. `static\plugin\editor\ckeditor4\contents.css`, `templates\basic\static\css\default.css`

두개 파일의 최하단에 아래 코드를 추가합니다.

</p>

<p>@font-face {</p>

<p>    font-family: "Ansungtangmyun-Bold";</p>

<p>    font-display: block;</p>

<p>    font-weight: normal;</p>

<p>    font-style: normal;</p>

<p>    src: url(/static/font/Ansungtangmyun-Bold.ttf) format('truetype');</p>

<p>}</p>

<p>

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

희희아빠

녹두탐님 감사합니다. 덕분에 되네요~! 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

toqurk
1년 전
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인