Rich Text Font Families

Matthew Stone asked on December 5, 2024 19:28

I am trying to change the fonts that show up in the rich text editor. I am going off of this article - https://docs.kentico.com/13/configuring-xperience/configuring-the-environment-for-content-editors/configuring-the-editor-for-rich-text-fields/personalizing-the-editor-for-rich-text-fields

I am trying to add this: config.font_names = 'Arial;Sans;Serif-Pro'; to this file - \CMS\CMSAdminControls\CKeditor\config.js

I have cleared system cache, restarted Kentico, cleared my browser cache but they still aren't showing up. Any ideas on what I am missing?

richtexteditor kentico 13

Recent Answers

John Lougee answered on December 5, 2024 21:22 (last edited on December 5, 2024 21:23)

Hi Matthew, Just to be sure, you are trying to do this for the rich text fields on the admin side, correct? Admin uses CKEditor while the live site uses Froala so I am just double checking.

If it is in fact for the admin, my guess is that you still need to add the selector into the toolbar. So in this case, you would just need to add in ['Font'] somewhere in your toolbar configuration like so: Image Text

Can you try this and let me know if it helps?

0 votesVote for this answer Mark as a Correct answer

Matthew Stone answered on December 5, 2024 21:52 (last edited on December 5, 2024 21:55)

Hi John,

That is helpful to know, but I am referring to a different rich text editor in the widget area in Kentico 13. Attached is an image to what I am referring to https://imgur.com/a/ZXhNvXd - copy and paste to see image!

Or try this link to see image

0 votesVote for this answer Mark as a Correct answer

John Lougee answered on December 5, 2024 22:22

Hi Matthew,

As mentioned, you will need to customize the Froala editor for the live site rather than the CKEditor (which is used in rich text fields in the admin, for example: a page type field that uses rich text like in my previous screenshot).

You can follow these instructions instead to customize the Froala editor: Customizing the rich text editor toolbar

You will need to add these fonts using FontFamily to your Froala configuration file: Froala FontFamily

I hope this helps! Let me know how it goes or if you have further questions on this.

0 votesVote for this answer Mark as a Correct answer