aggiunta @ font-face a CKEditor

Question

Vorrei aggiungere un carattere alla casella combinata di caratteri CKEditor. Questo di per sé è abbastanza facile. Tuttavia il carattere che vorrei aggiungere è un font personalizzato che uso con l'attributo CSS3 @ font-face. Sono riuscito a farlo ma l'editor stesso non mostra il carattere personalizzato. Se prendo semplicemente l'html creato da CKEditor e lo mostro in un div sulla pagina, il font personalizzato viene visualizzato correttamente. Vorrei anche aggiungere in qualche modo l'attributo @ font-face all'area di testo di CKEditor, in modo che i miei utenti possano vedere il carattere personalizzato mentre scrivono.

È possibile?

Answer 1

aggiungere la seguente riga a 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; 

dove fonts.css ha l'attributo @ font-face:

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