dodając @ font-face do CKEditor

Question

Chciałbym dodać czcionkę do pola kombi czcionki CKEditor. To samo w sobie jest łatwe. Jednak czcionka, którą chciałbym dodać, to niestandardowa czcionka, której używam z atrybutem CSS3 @ font-face. udało mi się zrobić, ale sam edytor nie pokazuje czcionkę niestandardową. Gdybym po prostu wziąć html utworzony przez CKEditor i pokazać go w div na stronie, niestandardowy pokaz czcionki ładnie. chciałbym również, aby w jakiś sposób dodać atrybut @ font-face do obszaru tekstu CKEditor, więc moi użytkownicy widzą czcionkę niestandardową, ponieważ typ.

Czy to możliwe?

Answer 1

dodać następującą linię do 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; 

gdzie fonts.css posiada atrybut @ font-face:

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