Font Selection Guide: Understanding System Fonts and Web Fonts
You can use both system and web fonts in Studio. Knowing their differences helps you build and maintain effective websites.
System Fonts
System fonts come pre-installed on devices like computers and smartphones. When you specify a system font, it displays as intended if installed on the visitor’s device; otherwise, it defaults to the system's standard font.
Key Benefits
Faster loading times compared to web fonts
No additional downloads required during page load
Recommended Uses
Corporate websites
Text-heavy content sites
Note
While system fonts may display differently across devices, you can minimize design inconsistencies by specifying Subsidiary Fonts (Sub Fonts) for different devices. *Coming soon
Web Fonts
Web fonts are downloaded from cloud servers or hosting services, ensuring consistent display across all viewing environments. Studio supports web fonts from:
FONTPLUS
Google Fonts
TypeSquare(Morisawa) *Available to accounts set to Japanese
Key Benefits
Consistent appearance across all devices
Wider selection of fonts
Enhanced design possibilities
Recommended Uses
Brand-centric websites
Visually rich landing pages
Choosing Between System and Web Fonts
Feature | System Fonts | Web Fonts |
Loading Speed | Faster | May be slower |
Consistency | Varies by device | Consistent across devices |
Best For | Performance-focused sites | Design-focused sites |