我正在使用 CKeditor 并希望编辑器窗格的内容与我网站已发布页面上显示的内容尽可能接近。这包括使用专门的 Google 字体(“Lato:300”,http ://tinyurl.com/o6njmzw )
我找不到任何方法让编辑器使用这种字体吗?Contents.css 似乎忽略了它(我真的不明白为什么?)有人可以帮忙吗?
(nb。我正在尝试将字体用作编辑器窗格中所有文本的默认字体,而不仅仅是样式下拉菜单中的额外选项)
谢谢。
你确定你设置正确吗?我刚刚对此进行了测试,它对我有用(contents.css):
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
body
{
font-family: 'Lato', sans-serif, Arial, Verdana, "Trebuchet MS";
font-size: 12px;
color: red;
background-color: #fff;
margin: 20px;
}
Nenotlelp 的解决方案不适用于不支持 WOFF 字体的浏览器。更好的方法是使用config.contentsCss
. 例子:
config.contentsCss = [
CKEDITOR.getUrl('contents.css'),
'http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'
];