agregando @ font-face a CKEditor

Question

Me gustaría agregar una fuente al cuadro combinado de fuentes CKEditor. Esto en sí mismo es bastante fácil. Sin embargo, la fuente que me gustaría agregar es una fuente personalizada que uso con el atributo @ font-face CSS3. Logré hacer eso, pero el editor en sí no muestra la fuente personalizada. Si solo tomo el html creado por CKEditor y lo muestro en un div en la página, la fuente personalizada mostrará muy bien. También me gustaría agregar de alguna manera el atributo @ font-face al área de texto de CKEditor, para que mis usuarios puedan ver la fuente personalizada a medida que escriben.

¿Esto es posible?

Answer 1

añadir la siguiente línea al 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; 

donde fonts.css tiene el atributo @ font-face:

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