Fonts

The font feature lets you change font family, size, and color (including background color). Use the toolbar dropdowns to control the font size and font family. You can also change both the font color and the font background color with a predefined palette or color picker.

Apply the font size setting globally or to a selected part of the text to make it catch the eye of the reader. Using different font families can help differentiate between sections of the content that serve various purposes (like main text and a side quotation or a recap). Different font colors can work as markers and guides just like font background colors that stand out even more and draw attention.

Font Color
 

The Font Color plugin provides a user-friendly interface to change the text color in CKEditor 5, offering a palette of predefined colors, an option to remove existing color, and a customizable color picker for more precise selections. Additionally, the color picker also allows to use a HEX value:

Colors available in the color picker can be conifigured. Check out this guide to learn how to do it.

Font Background Color

You can use the Font Background Color functionality in the exactly same way as the Font Color.

Font Family

Clicking the font family icon in the toolbar will open the list of available font families to choose from.

Learn how to configure available font families.

Font Size

The Font Size functionality in CKEditor 5 allows users to adjust text size using a range of predefined options for better readability and visual impact.

Available font sizes can be configured - check out the configuration guide to learn how to do it.