Question

내 CKEditor에서 'Open Sans'를 기본 글꼴로 사용하고 싶지만 방법을 찾을 수 없습니다.
CKEditor 4.4.5 full을 사용하고 있습니다.

body 
{ 
    /* Font */ 
    font-family: "Open Sans"; 
    font-size: 18px; 
} 

:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> 

그런 다음 나는 그것의 contents.css의 CSS를 변경하여 CKEditor의 기본 글꼴을 변경하려고 :

나는 나의 html로 머리에 글꼴을 포함 시켰습니다

그러나 이것은 효과가없는 것 같습니다.

CKEDITOR.config.font_names = "Open Sans;"; 
CKEDITOR.config.font_defaultLabel = 'Open Sans'; 

을하지만 이것은 단지 자체로 '글꼴'도구 모음의 표시가 아니라 스타일에 영향을 미칠 것으로 보인다 :

나는 또한 내 자바 스크립트에서 설정하려고 노력했다.

참고 : 나는 "ckeditor - GWF-플러그인"을 사용하고 때 나는 '열기 산세'를 사용할 수 있지만,이 날 중 하나를 기본 글꼴로 설정하는 데 도움이되지 않습니다.

어떤 도움을 주셔서 감사합니다!

Answer 1

CKEditor의 콘텐츠 영역 스타일을 지정해야한다고 생각합니까? 당신이 CSS 파일을 생성하고이처럼 CKEditor의 설정에 추가해야보다 :

contentsCss : '/path/to/style.css', 

그리고있는 style.css에서

:

@import url(http://fonts.googleapis.com/css?family=Open+Sans); 
body, p { font-family: 'Open Sans', sans-serif; } 

는 /path/to/style.css로드해야합니다. 브라우저 개발자 도구를 사용하십시오. 적절한 선택 자도 설정하십시오 (body, p, 어쩌면 h1, h2, h3).

대부분이 파일의 스타일은 웹 응용 프로그램에서 사용되는 것과 동일한 타이포그래피 스타일입니다.

Answer 2

참고 :이 당신이 일반적으로 당신의 CKEditor의 기본 font-family 및 font-size을 변경 수있는 방법입니다. 사용자 정의 CSS 파일을 사용하여 변경하려면 허용 된 응답을보십시오!

---

그냥 CKEditor에 기본 글꼴로 구글 글꼴을 사용하는 방법을 발견 :

/* contents.css of your CKEditor */ 
@import url(http://fonts.googleapis.com/css?family=Open+Sans); 

body 
{ 
    /* Font */ 

    font-family: 'Open Sans'; 
    font-size: 36px; 
} 

참고 : 당신이 @import url로 구글 폰트를 추가해야합니다. 그리고 조심하십시오 : font-size 여기 무시됩니다!당신이 외에 p -tag을 추가해야합니다

/* contents.css of your CKEditor */ 
@import url(http://fonts.googleapis.com/css?family=Open+Sans); 

body, p 
{ 
    /* Font */ 

    font-family: 'Open Sans'; 
    font-size: 36px; 
} 

참고 :

그런 다음,이 답변 https://stackoverflow.com/a/12545905/3391783의 도움으로, 는 또한 기본 font-size을 설정 관리 body 태그. 언급 한 대답과 같이 단락의 스타일이 신체의 font-size을 덮어 쓰고 있습니다.