You can add custom fonts from the Google fonts library or by uploading custom font files (TTF, OTF, EOT, or WOFF).
Tip:
For best performance, it is recommended to use WOFF or WOFF2 files when adding custom fonts.
Note:
To maintain GDPR compliance, custom fonts are loaded from our CDN without the need to call the Google Fonts API.
Add Custom Fonts
To add custom fonts to your site:
- You can add custom fonts from any of the following locations:
- In the side panel, click Theme, and then click Text. Expand the desired text section. Next to the font list, click the Add & Manage Fonts button.
- From the new text editor, click the fonts list and then click Manage Fonts.
- From the design editor of a widget, for any text element click the Add & Manage Fonts button.
- You have the following options:
- Google fonts. Select a font from the Google fonts list. The font appears in the Added Google Fonts list below. To remove a font, click the X next to the font in the list.
- Please note that the list may already display fonts added to the template. It is recommended you do not remove the template fonts.
- Custom fonts. Click Upload fonts to upload a custom font file. Multiple fonts may be selected at one time. To remove a font, click the X next to the font in the list.
- Google fonts. Select a font from the Google fonts list. The font appears in the Added Google Fonts list below. To remove a font, click the X next to the font in the list.
- Click Done.
The font is added to the fonts list across the site. To see a list of the default fonts available, see the Fonts Library.
Note:
Adobe fonts do not appear in the fonts list. You need to add the font family to the code.
Remove Custom Fonts
To remove custom fonts from a site:
- In the side panel, click Theme, and then click Text. Expand the text section that uses the custom font. Next to the font list, click the Add & Manage Fonts button.
Alternatively, click text anywhere in the site and at the top of the font list, click Manage Fonts. - Click the X next to the font in the list to remove the font from the site.
- When a font is removed that is in use on the site, we revert to the browser's default font.
- If you remove a Google font, you must republish the site for the change to take effect.
- If you remove an uploaded font, there is no need to republish for the change to take effect.
Note:
- Default fonts cannot be removed from the fonts list.
- Saving a site as a template includes any custom fonts that have been added.
- Custom fonts are removed when you choose to reset a site.
