summernote中的font-family选项不起作用

Question

fontfamily选项在summernote中不起作用我试过了

$("#divCalltoactiontitle").summernote({
        toolbar: [

            ['font', ['bold', 'italic', 'underline', 'clear']],
            ['fontsize', ['fontsize']], 
        ],
        fontNames: [
    'Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
    'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande',
    'Sacramento'
        ],

    } );

Answer 1

您似乎错过fontname了工具栏设置.fontNames选项只是设置字体项.

toolbar: [
  ['fontname', ['fontname']
]

http://summernote.org/deep-dive/#custom-fontnames

有关工具栏设置的更多信息,请参阅默认工具栏设置.

工具栏设置:https: //github.com/summernote/summernote/blob/develop/src/js/bs3/settings.js#L67

fontNames设置:https: //github.com/summernote/summernote/blob/develop/src/js/bs3/settings.js#L112

Answer 2

fontNames选项是告诉 Summernote 在fontFamily 下拉列表中显示什么。

\n\n

\n

但是，Summernote 在将 fontNames 添加到下拉列表之前会测试它们。这是使用网络字体时出现的问题。抽出好时机来检查网络字体的可用性并不容易。您可以使用 定义要忽略的网络字体\n 列表fontNamesIgnoreCheck。

\n

\n\n

参考： http: //summernote.org/deep-dive/#initialization-options

\n\n

因此，您可能还需要添加fontNamesIgnoreCheck选项。

\n\n

fontNames: [ \'Serif\', \'Sans\', \'Arial\', \'Arial Black\', \'Courier\', \'Courier New\', \'Comic Sans MS\', \'Helvetica\', \'Impact\', \'Lucida Grande\', \'Sacramento\'],\nfontNamesIgnoreCheck: [ \'Serif\', \'Sans\', \'Arial\', \'Arial Black\', \'Courier\', \'Courier New\', \'Comic Sans MS\', \'Helvetica\', \'Impact\', \'Lucida Grande\', \'Sacramento\'],\n

\n\n

Summernote 还会检查浏览器当前的字体系列和字体大小，以初始化默认的字体系列和字体大小。

\n\n

它通常是body时尚的。如果您将样式设置为body：

\n\n

body {\n   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n   font-size: 16px;\n}\n

\n\n

Summernote 将分别显示Helvetica Neue和16px作为默认字体样式和默认字体大小。

\n