From 2022, the core base font on the new theme uses the following font stack.
These are system default fonts primarily followed back generic fall back fonts, this allows for best performance font rendering.Font Stack
System fonts are loaded (Apple / Windows) and fallbacks are in place for older systems. Legacy themes use "Open Sans" as the default font.
Font | Notes |
|---|
-apple-system | Default Apple device font |
BlinkMacSystemFont | Fall back Apple device font |
"Segoe UI" | Default Microsoft device font
|
Helvetica | Legacy Apply Devices |
Arial | Legacy Microsoft Devices |
sans-serif | Generic "catch all" |
"Apple Color Emoji" | Support for Apple Emoji |
"Segoe UI Emoji" | Support for Microsoft Emoji |
"Segoe UI Symbol" | Support for Generic Emoji |
Custom Fonts
You can add custom fonts to your site via a webfont service such as https://fonts.google.com/or https://www.fonts.com/or via a custom implementation via using Scripts & Styles.
Refer to your style guide for further guidance as to usage on your site.