Skip to main content
All CollectionsEditorText box
Setting and managing fonts
Setting and managing fonts

Learn how to add and set fonts in Studio. This guide covers adding fonts and sub-fonts, applying them to text, etc,.

Saika avatar
Written by Saika
Updated over 2 weeks ago

Manage and apply fonts in Studio

In Studio, all plans allow the use of certain fonts provided by FONTPLUS, Google Fonts.

You can check the available fonts through the font addition screen in the editor.

Note:

  • Uploading or importing your own fonts is currently not supported. Please use the fonts provided within Studio.

  • A maximum of 50 FONTPLUS font families can be added per project.

What is the Font List?

The font list, located in the Text tab of the style bar, helps you manage fonts used in your project.

Fonts can be reordered by dragging, and the topmost font in the list becomes the default font for the project. When you place a new text or rich text box on the page, this default font is automatically applied.

Screenshot: showing the font list.

Adding Fonts

To apply fonts to your text, you'll first need to add them to your font list:

  1. Select the text

  2. Open the Text tab in the style bar

  3. Click [Add Font] and choose your desired font

Screenshot: selecting a font.

Applying fonts

With the text box selected, select the font of your choice from the Text tab > Fonts at the top of the screen.

Applying fonts

Replacing Fonts

You can bulk replace currently applied fonts and sub-fonts with different ones:

  1. Select the text

  2. Open the Text tab in the style bar

  3. Select a font from the font list and open its details

  4. Click the replace icon (appears on hover) and select the font you want to use instead

Replacing a font.

Changing Labels

You can edit labels in the font details screen to make project management easier. We recommend using descriptive names like "Heading 1" or "Body Text":

  1. Select the text

  2. Open the Text tab in the style bar

  3. Select a font from the font list and open its details

  4. Edit the label

Screenshot: Changing a font family name.

Finding Where a Font is Used

Select a font in the font list and open "Pages Used" to see a list of pages where that font is used. Click on each page to go to that page and check the application.

Screenshot showing font usage.

Removing Fonts from the Font List

To remove an added font from the Font List:

Open the Font List and select the font you want to delete. Click "Delete Font" to remove it from the list.

Screenshot showing font deletion.

If there are any pages using that font, "Substitute and Delete" will be displayed, and a modal will appear for you to select a replacement font.

Screenshot showing font replacement and deletion.

Did this answer your question?