html - 如何在 CKEditor 中将谷歌字体设置为默认字体？

Question

我想在我的 CKEditor 中使用“Open Sans”作为默认字体，但不知道如何使用。
我正在使用 CKEditor 4.4.5 full。

我已经在我的 html head 中包含了字体:

<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-plugin”时，我可以使用“Open Sans”，但这也无法帮助我将其设置为默认字体。

感谢您的帮助!

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。

大多数情况下，此文件中的样式将与您的网络应用程序中使用的排版样式相同。