javascript - 名称中带有空格的字体未在 CKEditor 中正确应用

Question

感谢这篇文章How can I add(programatically) google fonts to ckeditor我能够将 Google Fonts 添加到我的 ckeditor。但是我想添加字体“Goudy Bookletter 1911”，但该字体显示不正确。
我检查了元素，它的样式是font-family: goudy bookletter 1911当我将其更改为font-family: 'goudy bookletter 1911'有效时。
任何人都知道我可以如何编辑ckeditor，以便在应用字体样式时具有引号？谢谢！

Answer 1

http://ckeditor.com/forums/CKEditor-3.x/Ckeditor-external-fonts-problem

ckeditor网站上的这篇文章可能会解决您的问题...

Answer 2

由于我不知道如何在config.font_names不导致 js 错误的情况下将引号添加到列表中，而且我只有字体问题Goudy Bookletter 1911，我通过在列表中添加 camelCased 名称来解决此问题，因此它看起来像这样：

config.font_names = "Arial/Arial, Helvetica, sans-serif;Glass Antiqua;Goudy Bookletter 1911/GoudyBookletter1911;"

我无法将每个带有空格的 Google 字体更改为 camelCase，因为 Google 会在一些字体名称中附加“-Regular”之类的名称，但这暂时解决了我的问题。如果你有更好的想法，请告诉我！

Answer 3

对于 CkEditor 5：fontFamily/utils 中的 normalizeFontNameForCSS 添加额外的引号。您可以通过创建自定义构建来改变它，但如果只是为了这个目的，它会很耗时

function normalizeFontNameForCSS( fontName ) {
    fontName = fontName.trim();

    // Compound font names should be quoted.
    if ( fontName.indexOf( ' ' ) > 0 ) {
        fontName = `'${ fontName }'`; // ==> fontName = `${ fontName }`
    }

    return fontName;
}