如何更改 Ckeditor 的默认字体？

Question

我喜欢更改 Ckeditor 的默认字体！

我不能这样做，也没有在 Docs 中看到任何关于它的信息。 我只能更改它的默认标签！

谢谢

Answer 1

根据文档，这些似乎都在plugins/font/plugin.js 中定义。

{Object} CKEDITOR.config.font_style 用于在文本中应用字体的样式定义。 定义在：plugins/font/plugin.js。

 config.font_style = { element : 'span', styles : { 'font-family' : '#(family)' }, overrides : [ { element : 'font', attributes : { 'face' : null } } ] };

{String} CKEDITOR.config.fontSize_defaultLabel 自：3.0 字体大小组合中显示的文本是没有任何可用值与当前光标位置或文本选择匹配的。 定义在：plugins/font/plugin.js。

 config.fontSize_defaultLabel = '12px';

{String} CKEDITOR.config.fontSize_sizes 从以下版本开始：3.0 要在工具栏的“字体大小”组合中显示的字体大小列表。 条目由分号 (;) 分隔。 可以使用任何类型的“类似 CSS”的大小，例如“12px”、“2.3em”、“130%”、“更大”或“x-small”。 可以通过在条目前面加上名称和斜杠字符来选择性地定义显示名称。 例如，“Bigger Font/14px”在列表中会显示为“Bigger Font”，但会输出为“14px”。 定义在：plugins/font/plugin.js。

 config.fontSize_sizes = '16/16px;24/24px;48/48px;'; config.fontSize_sizes = '12px;2.3em;130%;larger;x-small'; config.fontSize_sizes = '12 Pixels/12px;Big/2.3em;30 Percent More/130%;Bigger/larger;Very Small/x-small';

我对 Ckeditor 不是很了解，但我希望这会有所帮助！

Answer 2

在config.js ：

config.contentsCss = '/ckeditor/fonts.css';
config.font_names = 'shabnam';

在fonts.css ：

@font-face {
   font-family: "shabnam";
   src: url("/fonts/Shabnam.ttf") format('truetype');
}

现在，可能没事了。 如果你想用 body 标签设置这个字体的样式，你应该在fonts.css添加：

body {
  /* Font */
  font-family: "shabnam";
}

为了更改工具栏样式，对我有用的是：
在skins/moono-lisa/editor.css ：

delete `font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;` from 
     `.cke_reset_all,.cke_reset_all *,.cke_reset_all a,.cke_reset_all textarea`