在 jWYSIWYG 中设置默认字体系列答案

【问题标题】：Set default font-family in jWYSIWYG在 jWYSIWYG 中设置默认字体系列
【发布时间】：2011-12-29 18:42:41
【问题描述】：

我在 jquery.jwysiwyg.js 中设置了字体系列（第 497 行，其中定义了

）并添加了一个 CSS ...

$('#wysiwyg').wysiwyg({css : { fontFamily: 'Arial, Tahoma', fontSize : '12px', color : '#333333'}});

文本区域将 Arial 显示为字体系列，但是当我单击删除格式按钮时，它会变成 Times New Roman。有什么办法可以设置默认字体来防止这种情况发生吗？我不希望 Times 作为基本字体。

【问题讨论】：

标签： jquery css font-family jwysiwyg

【解决方案1】：

因为jwysiwyg 在iframe 中呈现，包含页面的样式将不会呈现（因为它实际上是一个单独的HTML 文件），因此jwysiwyg 将默认为浏览器的标准字体，即通常是 Times New Roman。

您可以使用外部样式表来解决此问题，如下所示：

$('#wysiwyg').wysiwyg({
    css: 'editor.css'
});

在editor.css 中，您可以输入body { font-family: "Arial, Tahoma"; }。

【讨论】：

感谢您的帮助。当我通过 css 文件应用字体时，情况是一样的。当我删除格式时，它显示 Times New Roman。在这里，我从 Ipsum 中删除了格式……Lorem Ipsum Dolor Sit Amet
对不起……对不起。我的错。没有正确设置 editor.css 的路径。相对路径不起作用，但绝对路径起作用了 :-) 谢谢！！
@suntrop 当然。如果对您有用，请务必接受答案。
FWIW，我刚遇到同样的问题，发现相对路径确实有效，但您必须指定相对于网页位置的位置，而不是脚本位置。
在你的新css中你应该写：body.wysiwyg（注意类）为了只适用于编辑器

【解决方案2】：

使用 arial black 或 arial narrow，例如：

font_formats: "Andale Mono=andale mono,times;"+
        "Arial=arial narrow,avant garde;"+
        "Arial Black=arial black,avant garde;"+
        "Courier New=courier new,courier;"+
        "Georgia=georgia,palatino;"+
        "Impact=impact,chicago;"+
        "Symbol=symbol;"+
        "Tahoma=tahoma,arial,helvetica,sans-serif;"+
        "Times New Roman=times new roman,times;"+
        "Verdana=verdana,geneva;"+
        "Webdings=webdings;"+
        "Wingdings=wingdings,zapf dingbats",

【讨论】：