Hinzufügen von @ font-face zu CKEditor

Question

Ich möchte eine Schriftart der CKEditor Schriftart Kombinationsfeld hinzuzufügen. Das ist an sich einfach genug. Doch die Schrift Ich mag wäre hinzuzufügen, ist eine benutzerdefinierte Schriftart, dass ich mit dem @ font-face CSS3-Attribute verwenden. Ich schaffte es zu tun, aber der Editor selbst nicht die benutzerdefinierte Schriftart nicht zeigen. Wenn ich nur den von CKEditor erstellt html nehmen und es in einem div auf der Seite zeigen, Schriftart der Brauch schön zeigen. Ich möchte auch irgendwie in den Textbereich von CKEditor, die @ font-face-Attribut hinzufügen, damit meine Benutzer die benutzerdefinierte Schriftart sehen können, wie sie geben.

Ist das möglich?

Answer 1

Fügen Sie folgende Zeile zu 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;

Dabei gilt fonts.css die @ font-face-Attribut hat:

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