将 @font-face 添加到 CKEditor

发布于 2024-08-04 10:07:35 字数 241 浏览 2 评论 0原文

我想将字体添加到 CKEditor 字体组合框中。这本身就很容易。不过，我想添加的字体是与 @font-face CSS3 属性一起使用的自定义字体。我设法做到了这一点，但编辑器本身不显示自定义字体。如果我只是采用 CKEditor 创建的 html 并将其显示在页面上的 div 中，则自定义字体会很好地显示。我还想以某种方式将 @font-face 属性添加到 CKEditor 的文本区域，以便我的用户可以在键入时看到自定义字体。

这可能吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

青巷忧颜 2024-08-11 10:07:35

将以下行添加到 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*/  
}

add the following line to 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;

where fonts.css has the @font-face attribute:

@font-face {  
    font-family: "yourfontname";  
    src: url( ../fonts/font.eot ); /* IE */  
    src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); /*non-IE*/  
}

回复收藏 0 原文

~没有更多了~