How to customize fonts in CKEditor?

ckeditor fckeditor rich-text-editor
kidcapital picture kidcapital · Jun 18, 2011 · Viewed 15.9k times · Source

Does anyone know how to customize (add or remove) fonts in the CKEditor 3.x series? I looked all over and I can't figure out how. Supposedly there is a /plugin/fonts folder but it does not exist in 3.5+ of CKEditor.

Answer

mu is too short picture mu is too short · Jun 18, 2011

The fonts in the font menu are configured using CKEDITOR.config.font_names:

<static> {String} CKEDITOR.config.font_names

The list of fonts names to be displayed in the Font combo in the toolbar. [...]

So all you need to do is set font_names in your configuration to the font names you want, for example:

config.font_names =
    'Arial/Arial, Helvetica, sans-serif;' +
    'Times New Roman/Times New Roman, Times, serif;' +
    'Verdana';

Will give you these font names in the menu:

  • Arial
  • Times New Roman
  • Verdana

Related questions

CKEditor strips <i> Tag

I'm trying to find a solution to avoid CKEditor, but also the older FCKeditor strips out any <i> tag from previously inserted content to the db. Case: I insert html content to the db, some content contain the &…

Read More
Remove CKEdit Instance

I can't seem to destroy instances of CKEdit per the documentation. Consider the following: <input name="txt1" type="text" id="txt1" /><br /> <a href="javascript:void(0);" onclick="create()">Create</a><br /&…

Read More
How to check whether CKEditor has some text in it?

I have an HTML form with a few fields. One of them is a textarea managed by CKEditor. When the user wants to submit the form, I want to check whether he entered values in all the fields. I know …

Read More