C＃MVC TinyMCE编辑器未以Adobe Typekit字体显示内容

Question

我正在使用TinyMCE编辑器4.7.0。 我有一个自定义的Adobe Typekit字体，要在其中显示编辑器内容。我正在将_kit加载到_Layout文件中。 在我的TinyMce.init文件中，我具有以下设置：

font_formats: 'Freight="freight-sans-pro",sans-serif; 
Arial=arial,helvetica,sans-serif; Courier New=courier new,courier,monospace;',

这可以确保字体下拉列表有多种选择。

我还具有设置功能，可将编辑器设置为字体：

 setup: function (ed) {
    // set the editor font size
    ed.on('init', function (e) {
        ed.execCommand("fontSize", false, "16px");
        ed.execCommand("fontName", false, "\"freight-sans-pro\",sans-serif");
    });
},

我在包含以下内容的初始化文件中也指向了一个custom_css：

.tinymcebody {
font-family: "freight-sans-pro",sans-serif;
font-size: 16px;
font-weight: normal;
}

根据识别呈现字体的Chrome开发人员工具，我的文字不是显示在Freight-sans-pro中，而是显示在Arial中。 如果将整个网站的正文设置为字体系列：运费，则除TinyMCE编辑器内容以外的所有内容都将以正确的字体显示。

任何人都可以帮助解决我在设置中遇到的问题，因为TinyMCE似乎无法使用此字体，并且已退回到标准的sans-serif字体？

Answer 1

尝试在TinyMCE初始化文件的theme_advanced_fonts中添加字体。

tinyMCE.init({
    ...
    theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Freight=freight-sans-pro,sans-serif"
});