@ font-face zu CKEditor hinzufügen

Question

Ich möchte eine Schriftart zum CKEditor Schriftarten-Kombinationsfeld hinzufügen. Das ist einfach genug. Die Schriftart, die ich hinzufügen möchte, ist jedoch eine benutzerdefinierte Schriftart, die ich mit dem @ font-face CSS3-Attribut verwende. Ich habe es geschafft, aber der Editor selbst zeigt die benutzerdefinierte Schriftart nicht. Wenn ich nur den HTML-Code nehme, der von CKEditor erstellt wurde, und ihn in einem div auf der Seite anzeigen, wird die benutzerdefinierte Schriftart angezeigt. Ich möchte auch irgendwie das @ font-Face-Attribut zum Textbereich von CKEditor hinzufügen, damit meine Benutzer die benutzerdefinierte Schriftart während der Eingabe sehen können.

Ist das möglich?

Answer 1

die folgende Zeile 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; 

wo 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*/ 
}