- Landing page themes and landing page blocks
- Email themes and email blocks
- Form themes
Pick a font
Open any Font select. Your theme’s fonts appear at the top as quick options. Below them, choose a source, then a font from it:
Each source has its own search and shows a preview of each font.
Fallbacks
After you pick a font, a Fallbacks field appears under the select. Fallbacks are the system fonts shown when your font can’t load, in order. Add, reorder, or remove them to suit each place the font is used. A custom font fills in its Default fallbacks when you pick it. Changing a font’s default fallbacks later doesn’t update pages and emails that already use it.Fonts in emails
Many email clients, including Gmail and Outlook, never load web fonts. Recipients using them see the font’s fallbacks instead. Because of this:- Email fallbacks are limited to email-safe fonts.
- Google Fonts and custom fonts show a warning icon in email font selects.
- The email builder toolbar has a Show fallback fonts, as Gmail and Outlook do toggle that previews the canvas without web fonts.
Fonts in landing pages
On landing pages, weight selects mark the weights a custom font has no file for. Browsers fake those weights. Upload a file for each weight you plan to use, or a variable font.Set up a custom font
Before you begin:- You need the Editor role or higher.
- You need a license to use the font on websites and in emails. Uploaded font files are served publicly.
- Have your font files ready in WOFF2, WOFF, TTF, or OTF format, up to 4 MB each.
- Go to Settings → Fonts.
- Click Add.
- Enter a Name.
- Next to Files, click Add files (the plus button).
- Choose your font files: one file per weight and style, or a single variable font file.
- Check each file’s weight and style. Conversion reads them from the file, and you can change them. See Weights and styles.
- Choose a Style: Sans serif, Serif, Display, Handwriting, or Monospace. This sets the starting Default fallbacks.
- Adjust the Default fallbacks if needed.
- Check I have a license to use these fonts on websites and in emails.
- Click Add.