如何在CKEditor中將谷歌字體設置爲默認字體？

我想在我的CKEditor中使用'Open Sans'作爲默認字體，但是不知道如何。
我正在使用CKEditor 4.4.5 full。
如何在CKEditor中將谷歌字體設置爲默認字體？

我已經列入我的HTML頭字體：

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

然後我試圖在其contents.css改變CSS改變的CKEditor的默認字體：

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

但這似乎並不奏效。

我也試圖把它在我的javascript：

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

但這似乎只通過自身影響「字體」工具欄的顯示，而不是風格。

注：當我使用「CKEditor的-GWF-插件」我可以使用「打開三世」，但是這並不能幫助我將它設置爲默認字體無論是。

感謝您的幫助！

來源

2014-11-25 low_rents

你試過這個嗎？在谷歌字體頁面找到。 body {font-family：'Open Sans'，sans-serif;}就在這裏：http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans – Stefan 2014-11-25 09:08:14

@Stefan我不知道這是怎麼回事應該改變一切。這只是增加了「無襯線」，但不能幫助我顯示「Open Sans」。 – 2014-11-25 09:28:03

你可以做一些像下面的事情--http：//stackoverflow.com/questions/16339258/ckeditor-4-how-to-set-default-font – 2014-11-25 10:07:26

我假設你需要風格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。

大多數情況下，此文件中的樣式與您的Web應用程序中使用的樣式相同。

來源

2014-11-25 10:15:53 allcaps

謝謝！我沒有時間檢查您的解決方案是否正常工作。但是我認爲我的解決方案要簡單得多，如果你想爲你的CKEditor的每個實例使用一個通用的默認字體。加上你的'some_selector'需要'body，p'以覆蓋原來的樣式，就像我自己的答案中提到的那樣。 – 2014-11-25 10:24:08

好吧，從來沒有。我比你更喜歡你的答案，因爲它允許使用自定義的css文件。我已經嘗試過了，它對我很有用。兩個重要的事情是：** 1）**在你的css文件中使用'@ import'和** 2）**使用'body，p'作爲你的選擇器以使'font-size'工作好。你介意添加選擇器和一些字體大小到你的答案？ – 2014-11-25 10:44:46

@northkildonan：'*'是作爲選擇器嗎？ – allcaps 2014-11-25 10:47:26

注：這是怎麼了，你可以一般更改您的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在這裏被忽略！

然後，這個答案https://stackoverflow.com/a/12545905/3391783的幫助下，我也設法設置默認font-size：

/* 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; 
}

注：你需要添加p - 標籤，除了body -tag。就像上面提到的答案所解釋的那樣，段落的樣式正在覆蓋你身體的font-size。

來源

2014-11-25 10:19:50

如何在CKEditor中將谷歌字體設置爲默認字體？

回答

相關問題