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.

The Font List is located in the Style panel on the left side of the editor.

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.

To apply a font to text, first add it to the font list.

Select a font service and search by font name or filter by style or language. Click on a font to automatically add it to the font list.

The filtering criteria differ depending on the font service, but you can select multiple styles and a single language.

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

The replace feature allows you to batch replace an applied font with another font.

From the Font List, select the font you want to replace.

Click the "Replace" icon and select the font you want to replace it with. The font will be replaced immediately.

The labels displayed in the Font List and elsewhere can be changed for each font. Click a font in the Font List to edit it. Using names like "Heading 1" or "Body" is recommended for easier management.

Hover over a font in the font list to highlight its use.

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.

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.

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.