How to set default font in CKEditor 4?

Question

I want to set default font family "Arial" in the CKeditor 4. The below changes have been done. But not working.

In config.js,

config.defaultFontLabel = "Arial";

Does this answer your question? [CKEditor 4 - How to set default font?](https://stackoverflow.com/questions/16339258/ckeditor-4-how-to-set-default-font) — E13, Dec 13 '19 at 11:06

score 1 · Accepted Answer · answered Dec 13 '19 at 12:19

You can create your own css files and put the styles for the editor in there. So create a stylesheet called MyStyle.css and put this in there. Then save it somewhere, perhaps in the same location as the CKEditor files.

body {
    font-family: Arial;
    font-size: 14px;
    color: red;
}

Then put the following line in the config.js and point to the correct path to the css file.

config.contentsCss = '/ckeditor/MyStyle.css';

Or if you want different styles per instance, use this

<textarea id="CKEditor1" class="CKEditor"></textarea>

<script src="/ckeditor/ckeditor.js"></script>
<script>
    $('.CKEditor').each(function () {
        CKEDITOR.replace($(this).prop('id'));

        CKEDITOR.config.contentsCss = '/ckeditor/MyStyle.css';
    });
</script>

Thanks. Now its working.Also we need to clear the browser cache as well. — selvan, Dec 14 '19 at 12:20

How to set default font in CKEditor 4?

1 Answers1