css - ckeditor:使用谷歌字体作为内联编辑器样式？

Question

我正在使用 CKeditor 并希望编辑器 Pane 的内容与我网站的已发布页面上显示的内容尽可能匹配。这包括使用专门的 Google 字体('Lato:300', http://tinyurl.com/o6njmzw)

虽然我找不到任何方法让编辑器使用这种字体？ Contents.css 似乎忽略了它(我真的不明白为什么？)有人可以帮忙吗？

(注意。我正在尝试将该字体用作编辑器 Pane 中所有文本的默认字体，而不仅仅是样式下拉列表中的额外选项)

谢谢。

Answer 1

你确定你设置正确吗？我刚刚对此进行了测试，它对我有用 (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;
}