Summerplay默认字体被Bootswatch主题覆盖

时间:2017-03-15 15:49:20

标签: css summernote font-family

我使用Summernote和Bootswatch主题' Yeti',它使用Open Sans作为它的字体。当编辑器初始化时,它将默认字体设置为' Open Sans'即使这不在我的字体列表中:

fontNames: ['Arial', 'Arial Black', 'Courier New', 'Helvetica', 'Helvetica Neue', 'Impact', 'Lucide Grande', 'Tahoma', 'Times New Roman', 'Verdana'],

如果您将字体更改为其他内容 - 例如Arial-,那么Open Sans将从字体下拉列表中消失。我们在显示Summernote编辑器的页面上使用Open Sans,但是Summernote生成的代码将显示在未加载Open Sans的页面上。为了保持一致性和显示能力,我们需要生成的代码只使用通用的字体(例如Arial,Helvetica等)。

我需要默认字体为' Arial'但是,从Summernote 0.7.0开始,defaultFontName不存在。我也尝试手动触发点击Arial按钮,但无济于事:

onInit: function() {
            $("div.note-btn-group.btn-group.note-fontname > div > div > li:nth-child(1) > a").trigger('click');    
        }

1 个答案:

答案 0 :(得分:1)

summernote中有一个名为addDefaultFonts的选项,它可以将呈现在其上的页面上的所有默认字体添加到编辑器中。

仍然不确定它实际上是如何捕获它们的,但是可以在summernote初始化中将其设置为false,例如$("#editor").summernote({addDefaultFonts: false})

应该做到这一点,除非您在同一init的fontNames数组参数中明确指定它,否则“ Open Sans”将不会显示。