Fonts
Add custom fonts from any of three sources.
Fonts live in the Theme editor, under the Fonts section. Open the Add Font modal there to add one from any of the three sources below.
Three sources
Add a font from Google Fonts, Adobe Fonts, or your own upload, all from the Add Font modal.
Google Fonts
Go to Google Fonts and Find a font you like. Copy just the font name ("Playfair Display").
- In the Add Font modal, use the Google Font tab
- Type the name, pick a weight and style, then add
The system generates the Google Fonts URL and injects it into your site automatically.
Adobe Fonts (Typekit)
If you have an Adobe Fonts subscription create a Web Project at fonts.adobe.com. Copy the kit ID or the embed URL (e.g., https://use.typekit.net/abc123.css).
- In the Add Font modal, use the Adobe Fonts tab
- Paste the kit ID or URL; the system fetches available families and weights
- Select the variants you need and add them
Adobe hosts the font files on their CDN. No files are stored on your end.
Custom Upload
Upload your own font files (.woff2, .woff, .ttf, .otf):
- In the Add Font modal, use the Upload File tab
- Choose a font file from your computer
- Set the family name, weight, and style
The file is stored on the CDN and a @font-face rule is generated. Use this for licensed fonts that aren't available through Google or Adobe.
Tips
How Many Fonts?
Two is plenty. One for headings, one for body copy.
More than three fonts makes your site feel chaotic. If you think you need four fonts, you probably need better hierarchy instead.
Font Weights
When you add a font, you specify the exact weight (100–900). If you need multiple weights of the same font, add it multiple times with different weights.