CKEditorに@ font-faceを追加

Question

フォントをCKEditorフォントコンボボックスに追加したいと思います。これだけで十分です。しかし、私が追加したいフォントは、@ font-face CSS3属性で使用するカスタムフォントです。 私はそれを行うことができましたが、エディター自体はカスタムフォントを表示しません。私がちょうどCKEditorで作成したHTMLをページのdivに表示すると、カスタムフォントがうまく表示されます。 また、@ font-face属性をCKEditorのテキスト領域に追加したいので、ユーザーは入力時にカスタムフォントを見ることができます。

これは可能ですか？

Answer 1

fonts.cssがする@ font-face属性がある

config.contentsCss = 'fonts.css'; 
//the next line add the new font to the combobox in CKEditor 
config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names; 

config.jsの/ CKEditorバージョンに次の行を追加します。 "フレームエディタ" を使用している人に

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