IPS Suite Setting the default font and its size in CKEditor

[Haim]

Hi. In this short tutorial, I will describe how to set the default font name and size (and optionally color) in CKEditor on IPS Community Suite.

To set the default font, log in to ACP and go to the Appearance tab, then Themes.

Edit the HTML and CSS of your theme and paste the following JS before the closing </body> tag.

<script>
    if(typeof CKEDITOR !='undefined'){
        CKEDITOR.addCss(".cke_editable{cursor:text; font-size: 20px; font-family: Georgia; color:#27ae60 !important}");
        CKEDITOR.config.font_defaultLabel='Georgia';
        CKEDITOR.config.fontSize_defaultLabel='20px';
    }
</script>

After applying the above code, the default font in CKEditor will be Georgia, with a size of 20 pixels, colored red.

To remove text coloring, remove the color:#27ae60 value from the above code.

Original text of the guide: Default font and text size