ℹ️ [Important] FONTPLUS service discontinuation
The "FONTPLUS" web font offered on Studio.Design will be discontinued on Tuesday, April 7, 2026.
Starting April 8, 2026, any FONTPLUS fonts set up in Studio.Design will be replaced with system fonts or similar alternatives as needed. Since this may affect your designs, please update your fonts as necessary.
■ Discontinued fonts:
■ How to replace fonts:
Please use one of the methods below to replace your fonts. As a reference, we've published an alternative font list.
Replace manually by referring to Setting, replacing, and deleting fonts
Replace using the bulk font replacement feature
For more details, please see the announcement below.
If you have any questions, please open the chat support window from the [?] button in the lower-left of the editor and select [About FONTPLUS service discontinuation].
Why your font may look different
If the font shown on your PC, smartphone, or other device looks different from the one you set in the editor, the text may be using a System Font.
This article walks you through how to check your font settings and how to fix the issue.
Step 1. Check your font settings
Step 2. Fix the issue based on the cause
Tip: What are System Fonts?
System Fonts are one of the font types you can set in Studio.Design. They're fonts that come pre-installed on devices like Mac, Windows, and iOS.
When you use a System Font, it will display as specified if the viewer's device or browser has that font installed. If it's not available, the device will automatically swap it out for another available font.
Depending on the viewing environment (Mac, Windows, iOS, etc.), the displayed font may differ from the one you set in the editor. However, you can gain some control over which font is shown by using features like sub font settings.
Step 1. Check your font settings
Follow these steps to check whether a System Font has been applied to the text in question.
Open the [Text] tab in the right panel. If the panel is closed, open the right panel first.
Under [Typography], click the [Font] input field.
In the [Font Family] list, click the icon
next to the name of the font you want to add a sub font to.
Copy the font name shown in the [Font] input field.
Click the [<] to the left of [Font Settings] to return to the [Font Family] list, then click the [Add Font] button.
Click the font group dropdown (Google Fonts is shown by default) and select [System Fonts].
Paste the font name you copied in step 5 into the [Search by font name] field.
If the same font name appears in the search results, that means a System Font is being used for the text in question.
Step 2. Fix the issue based on the cause
If a System Font is being used for the text, see "1. What to do if a System Font is the cause." If not, see "2. What to do if a System Font isn't the cause."
1. What to do if a System Font is the cause
Here's what to do when a System Font is set on the text in question.
1. Set sub fonts for each viewing environment (OS/browser), such as Windows or Mac
Even when using a System Font, you can control how text is displayed by specifying the best alternative (sub font) for each device.
For setup instructions, see the article below:
2. Switch to a web font
When you use a web font, the same font is displayed across all viewing environments. Try replacing the System Font with a web font.
You can choose web fonts from the following services:
TypeSquare (Morisawa)
Note: Switching to a web font requires the font to be loaded.
This may affect your site's loading speed, so please make sure you understand the differences between System Fonts and web fonts before making the switch.
For more details, see Tips for choosing and using fonts: System Fonts and Web Fonts.
2. What to do if a System Font isn't the cause
We'll take a closer look at your project's settings. Please reach out to chat support by clicking the [?] in the lower-right of the editor.