I would like to be able to alter the font in the CKeditor (version 7.x-1.15) module so that it does not show Times New Roman, but rather the font that the rest of the site uses, Helvetica. I'm using Drupal 7.30.

When CKeditor loads when content is edited it always shows Times New Roman!

CKeditor with Times New Roman (default) font

I have altered 'Custom Javascript configuration' in:

admin/config/content/ckeditor > Advanced options to read:

config.extraCss += "body{font-family:Helvetica, serif;}";

Cleared all Drupal caches AND browser caches - nothing.

I've also altered:

ckeditor.config.js - line 36:

config.extraCss = 'font-family:Helvetica;color:#726F6F;';

Again, cleared all caches - nothing!

Please could someone explain what I'm doing wrong!

2 Answers 2


The font is set in ckeditor/ckeditor/contents.css, although it is generally inadvisable to alter a module, it can be done safely so long as you document the changes (in the event that updates are required and would overwrite your work).


Thanks to Geoff for providing the path to the content.css file.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.