css3 - example - ckeditor standard

añadiendo @ 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 se muestra 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.

es posible?

Answer 1

agregue la siguiente línea 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;

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