我已经初始化了tinyMCE,除了默认字体外,我还添加了新字体:
tinyMCE.init({
selector: '#htmleditor',
theme: 'modern',
width: '100%',
height: 500,
fontsize_formats: "4pt 6pt 8pt 10pt 12pt 14pt 18pt 24pt 36pt",
content_css: ['fonts/CI.css'],
font_formats: '[*DEFAULTFONTLISTOMITTED*]
+ NewFont1=NewFont1,NewFont1;NewFont2=NewFont2,Impact;NewFont3=NewFont3,NewFont3;',
});
如您所见,新字体的结构为:
NewFontName=NewFontNameClassInCSS,NewFontStyleForList
如果我使用已存在的字体族,例如Impact(第二个例子),它会改变样式,但是如果我使用一个新的字体样式,它不会影响文本,它仍然保持默认样式。重要提示:除了字体预览之外,一切正常。
对于这个问题有什么想法吗?
CI.css 内容:
@font-face {
font-family: 'NewFontName';
src: url('NewFontName.ttf') format('truetype');
}
使用自定义字体的jsFiddle示例,感谢skobaljic。