在jWYSIWYG中设置默认字体系列

时间:2011-12-29 18:42:42

标签: jquery css font-family jwysiwyg

我在jquery.jwysiwyg.js中设置了font-family(行 - #497,其中< body>已定义)并添加了CSS ...

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

textarea将Arial显示为font-family,但是当我点击删除格式化按钮时,它会转到Times New Roman。 有什么办法可以设置默认字体来防止这种情况吗?我不希望Times作为基本字体。

2 个答案:

答案 0 :(得分:2)

因为jwysiwygiframe中呈现,所以包含页面的样式不会呈现(因为它实际上是一个单独的HTML文件),因此jwysiwyg将默认为标准字体对于浏览器,通常是Times New Roman。

您可以使用外部样式表来解决此问题:

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

editor.css内你会放body { font-family: "Arial, Tahoma"; }

答案 1 :(得分:0)

使用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",