我想添加一个字体到CKEditor字体组合框。这本身就够了。然而,我想添加的字体是我使用@ font-face CSS3属性的自定义字体。
我设法做到这一点,但编辑器本身不显示自定义字体。如果我只是采用CKEditor创建的html并将其显示在页面上的一个div中,那么自定义字体就会很好地显示出来。
我也想以某种方式将@ font-face属性添加到CKEditor的文本区域,所以我的用户可以在自定义字体输入时看到。
我设法做到这一点,但编辑器本身不显示自定义字体。如果我只是采用CKEditor创建的html并将其显示在页面上的一个div中,那么自定义字体就会很好地显示出来。
我也想以某种方式将@ font-face属性添加到CKEditor的文本区域,所以我的用户可以在自定义字体输入时看到。
这可能吗?
解决方法
将以下行添加到ckeditor / config.js
config.contentsCss = 'fonts.css'; //the next line add the new font to the comboBox in CKEditor config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names;
其中fonts.css具有@ font-face属性:
@font-face { font-family: "yourfontname"; src: url( ../fonts/font.eot ); /* IE */ src: local("realfontname"),url("../fonts/font.TTF") format("truetype"); /*non-IE*/ }