gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 15:06:08 25 4
gpt4 key购买 nike

我想在我的 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”,但这也无法帮助我将其设置为默认字体。

感谢您的帮助!

最佳答案

我假设您需要为 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

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

关于html - 如何在 CKEditor 中将谷歌字体设置为默认字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27122400/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com