The Font List is where you manage all the fonts used in your project as "font families" in one place. To apply a font to text on your site, you first need to add the font to the Font List.

In the Font List, you can manage and configure the following:

For steps on applying fonts to text, see How to set, replace, and delete fonts.

A sub-font is a supplementary font that supports the base typeface (font).

By adding sub-fonts, you can specify different fonts for each language, or define which fonts to display on each device when using system fonts.

You can combine sub-fonts to create a composite font that mixes Japanese and Latin characters.

For example, if you arrange the fonts in the following order, hiragana and punctuation will use (1), single-byte alphanumeric characters will use (2), and kanji and full-width symbols will use (3).

If you only specify a system font, a different font may be automatically applied depending on the environment, which can cause inconsistencies in your design.

By registering representative fonts for each OS as sub-fonts, you can keep the display closer to what you intend.

For commonly used system fonts, refer to official resources such as the following:

The default font is the font family that's automatically applied when you add new text. The font family at the top of the Font List becomes the default font.

In an empty project, "Lato" is the initial default font.

Adding a label to a font family makes it easier to manage fonts across your site. We recommend using names that clearly indicate where the font is used, such as "Heading 1" or "Body."

You can see which pages each font family is used on directly in the editor. This is helpful when you want to understand the impact before deleting or replacing a font.