Carattere personalizzato nel ckeditor

Question

Sto tentando di aggiungere un carattere personalizzato ma non è possibile. Sto Errore durante l'acquisizione con il codice qui sotto, il nome del font è l'aggiunta nel menu a discesa, ma non sta cambiando ...

il mio codice è

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

il file CSS personalizzato deve contenere lo stile di base per il corpo CKEditor. CKEditor viene caricato nell'iframe solo con questo file 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 
} 
... 

E di aggiungere la dichiarazione del font anche nel file CSS del tuo sito principale.

Aggiornamento: Variante alternativa. Puoi dichiarare i tuoi stili personalizzati, ad es.

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

Così saranno applicate classe .pretty_face e di quanto si può stile come si desidera. Se si desidera un'anteprima immediata in rte, è necessario dare uno stile a questa classe anche nel file contentCSS.

Answer 2

o in 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';** 

E poi il tuo CSS. Quanto sopra lo inserisce nell'elenco a discesa Stili, non in Caratteri.