加入@字体面到的CKEditor(adding @font-face to CKEditor)

我想一个字体添加到CKEditor的字体组合框。 这本身是很容易的。 不过，我想补充的字体是我与@字体面CSS3属性使用自定义字体。 我成功地做到这一点，但编辑器本身不显示自定义字体。 如果我只是借由CKEditor的创建的HTML，并很好地显示它在一个div在页面上，自定义字体显示。 我也想给@字体面属性在某种程度上增加的CKEditor的文本区域，所以我的用户可以看到自定义字体，因为它们的类型。

这可能吗？

Answer 1:

添加下列行来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-family: "yourfontname";  
    src: url( ../fonts/font.eot ); /* IE */  
    src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); /*non-IE*/  
}

文章来源: adding @font-face to CKEditor