Add Custom Fonts

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.

To add custom fonts to your site:

  1. 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.
  2. 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.
      • Note

      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.
  3. Click Done.

The font is added to 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:

  1. 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.
  2. 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 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.