Ajout de @ font-face à CKEditor

Question

Je voudrais ajouter une police à la liste déroulante des polices CKEditor. Cela en soi est assez facile. Cependant, la police que je voudrais ajouter est une police personnalisée que j'utilise avec l'attribut CSS3 @ font-face. J'ai réussi à le faire mais l'éditeur lui-même n'affiche pas la police personnalisée. Si je prends juste le html créé par CKEditor et le montre dans un div sur la page, la police personnalisée montre bien. Je voudrais également ajouter l'attribut @ font-face à la zone de texte de CKEditor, afin que mes utilisateurs puissent voir la police personnalisée à mesure qu'ils tapent.

Est-ce possible?

Answer 1

ajoutez la ligne suivante à 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; 

où fonts.css a l'attribut @ font-face:

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