Fuente personalizada en ckeditor

Question

Estoy intentando agregar una fuente personalizada pero no puedo. Estoy recibiendo el error con el código de abajo, el nombre de la fuente es la adición en el menú desplegable, pero no está cambiando ...

mi código es

config.js:

CKEDITOR.editorConfig = function(config) 
{ 
config.contentsCss = 'fonts.css'; 
config.font_names = 'Dekers/dekers_true' + config.font_names; 
} 

fonts.css:

@font-face { 
font-family: "dekers_true", serif; 
src: url(fonts/Dekers_light.eot); /* IE */ 
src: local("Dekers"), url("fonts/Dekers_light.ttf") format("truetype"); /*non-IE*/ 
} 

Answer 1

Su archivo CSS personalizado debe contener el estilo básico para el cuerpo CKEditor. CKEditor carga en el iframe solo con este archivo CSS.

@font-face { 
    font-family: "dekers_true"; /* font name for the feature use*/ 
    src: url(fonts/Dekers_light.eot); /* IE */ 
    src: local("Dekers"), url("fonts/Dekers_light.ttf") format("truetype"); /*non-IE*/ 
} 
body { 
    font: normal 13px/1.2em dekers_true, serif; 
    color: #333; 
} 
p { 
    font: normal 13px/1.2em dekers_true, serif; 
    margin-top: 0; 
    margin-bottom: 0.5em 
} 
... 

Y luego agregar declaración de fuente en el archivo CSS de su sitio principal también.

Upd: Variante alternativa. Puede declarar sus estilos personalizados, p.

config.stylesSet = [ 
    { name : 'Pretty font face', element : 'span', attributes : { 'class' : 'pretty_face' } }, 
    ... 
]; 

Así se aplicará la clase .pretty_face y de lo que puede estilo como desee. Si desea obtener una vista previa inmediata en rte, también debe configurar esta clase en el archivo contentsCSS.

Answer 2

O en config.js

config.font_names = 'Arial/Arial, Helvetica, sans-serif;' + 
    'Comic Sans MS/Comic Sans MS, cursive;' + 
    'Courier New/Courier New, Courier, monospace;' + 
    'Georgia/Georgia, serif;' + 
    'Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;' + 
    'Tahoma/Tahoma, Geneva, sans-serif;' + 
    'Times New Roman/Times New Roman, Times, serif;' + 
    'Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;' + 
    'Verdana/Verdana, Geneva, sans-serif;' + 
    **'Dekers/dekers_true';** 

Y entonces su CSS. Lo anterior lo coloca en el menú desplegable Estilos, no en Fuentes.