ManHow to Set Up, Replace, and Delete Fonts
Studio offers a rich selection of fonts across all plans at no additional cost. Fonts play a crucial role in not only visually conveying your website's impression but also in making text readable and content easily understandable.
This article explains how to set up fonts for text, batch replace fonts, and remove them.
Adding Fonts to the Font List
Before applying fonts to text, you'll need to add them to your font list. The font list is your central location for managing all fonts used in your project, where you can add subsidiary fonts (sub fonts) and edit labels.
Note: Currently, Studio does not support font uploads or imports. Please use the fonts provided within Studio.
Setup Steps
Select a text box
Open the [Text] tab in the style bar
Click [Add Font] and select your desired font
Choose a font service
Search by font name or filter by style and language
Fonts are automatically added to your font list when clicked
While filtering options vary by font service, you can choose from multiple styles and a single language.
Adding Subsidiary Fonts (Sub Fonts)
Note:
If your Studio account language is set to English, Subsidiary Fonts (Sub Fonts) features are not available. Switch to Japanese to access these features.
When using subsidiary fonts, you cannot specify different weights for each added font. All fonts will use the same weight.
You can add sub fonts to fonts already in your font list.
Sub fonts allow you to specify fonts for different languages or set device-specific display fonts when using system fonts.
Setup Steps
Select a text box
Open the [Text] tab in the style bar
Select a font from the font list and open its details
Click [Add Sub Font] and add desired fonts
Fonts can be reordered by dragging
Fonts are applied in order from top to bottom
Setting Fonts
Fonts can be set for each text box individually. You can also set different fonts for different breakpoints, allowing for different displays on PC and mobile devices.
Setup Steps
Click the text box where you want to apply the font
Open the [Text] tab in the style bar and select a font from the font list
Changes are immediately visible in the editor and Live Preview
Site updates must be published for changes to appear on live sites
Batch Font Replacement
You can batch replace current fonts and sub fonts with different ones. This feature is particularly useful when you want to change previously set fonts or modify fonts when using templates.
Deleting Fonts from Font List
When removing fonts from the font list, you can optionally replace them with different fonts during deletion.
Deletion Steps
Select a text box
Open the [Text] tab in the style bar
Select a font from the font list and open its details
Click the three-dot menu in the top right of the panel
If the font is in use, you'll see [Replace and Delete Font]
Select a replacement font before deletion
