Skip to main content

Choosing the Right Font: System Fonts vs. Web Fonts

Learn how to choose fonts when building your site in Studio.Design. We recommend system fonts when speed matters most, and web fonts when design takes priority.

ℹ️ [Important] FONTPLUS service ending

The "FONTPLUS" web font service offered on Studio.Design will end 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. Since this may affect your design, please update your fonts as needed.

■ Fonts being discontinued:

■ How to replace fonts:

Please use one of the methods below to replace your fonts. We've also published an alternative font list to help guide your choices.

  1. Replace fonts manually by following Setting, Replacing, and Deleting Fonts

  2. Replace fonts using the bulk font replacement feature


For more details, please refer to the announcement below.

If you have any questions, click the [?] button at the bottom left of the editor to open chat support, and select [About the end of FONTPLUS service].

Studio.Design supports both System Fonts and Web Fonts. Understanding the differences between them and choosing the right type for your needs helps you create and maintain an effective website.

To see which fonts are available, check the Add Font screen in the editor.

System Fonts vs. Web Fonts

Feature

System Fonts

Web Fonts

Loading speed

Fast

Can be slower

Font display

May vary by viewing device

Consistent across viewing devices

Recommended use

When display speed is the priority

When site design is the priority

Related articles


What are System Fonts?

System Fonts are fonts already installed on devices like computers and smartphones. Since they come standard with the device, they're also called device fonts.

When you set a System Font, it will display as intended if the viewer's device has that font installed. If not, the device's default font will be used instead. Because System Fonts don't need to be downloaded, they load faster than Web Fonts—but the displayed result may differ from your intended design depending on the viewer's device.

You can set System Fonts from the "System Font" section in the font selection menu of the design editor.

Tip: Display variations with System Fonts

When you use System Fonts, you can't guarantee the same font will display on every device.

Setting a subfont helps reduce the chance of unexpected display issues or design breaks caused by fonts.

System Font features

  • Faster display speed compared to Web Fonts

  • May display as a different font depending on the viewer's device

Recommended uses for System Fonts

Best suited for sites where display speed is a priority.

  • Corporate sites and e-commerce sites

  • Text-heavy content sites


What are Web Fonts?

Web Fonts are downloaded from the cloud or a server, so they display consistently across all viewing devices. They also give you access to a wide range of stylish fonts. However, since the font has to load when someone views your site, the font you choose can affect loading speed.

Studio.Design lets you use fonts from the following services on all plans.

Note: Web Fonts may have changes to their availability or specifications based on updates from the service providing them.

In the design editor, available fonts are listed by provider.

Web Font features

  • Consistent display across all viewing devices

  • More font options than System Fonts

  • Font file size can affect display speed

Recommended uses for Web Fonts

Best suited for sites where design is a priority.

  • Sites that focus on brand image

  • Landing pages with a strong design focus

Did this answer your question?