WordPress 所见即所得编辑器字体

Question

我正在寻找包含 WordPress 管理区域中所见即所得编辑器的字体样式 CSS 的样式表。目前，在可视化编辑模式下，字体显示为 Georgia。然而，正文复制在前端如果Helvetica。我的客户在看到 Georgia 时感到“困惑”，并且更愿意看到 Helvetica 中所见即所得的副本。

如何将新样式应用到所见即所得编辑器？

Answer 1

您想要使用 WordPress 功能add_editor_style()来包含 TinyMCE（您所指的 WYSIWYG 编辑器）的另一个 CSS 文件。该函数采用一个参数 - 相对于当前主题根目录的 CSS 文件的名称。例如：

add_editor_style('css/custom-editor.css');

然后，您可以将 CSS 样式添加到该文件，如下所示：

* {
    font-family: 'Helvetica', 'Arial', sans-serif;
}

正如您提到的，这会将字体更改为 Helvetica。这里有更多细节。