How to add Google Fonts and change default Typography in your dashboard
You can easily customize the fonts on your showroom to match your brand style. This guide will show you how to:
- Add Google Fonts to your showroom
- Turn on Faster font loading so your pages show sooner
- Change the default Typography for body text, headings, and monospaced text
Step 1: Go to Dashboard Settings
- Log in to your Dashboard.
- In the left-hand menu, click Settings → General Settings.
- Scroll down to the Fonts section.
Step 2: Add a Google Font
- Under Google Font Name, click the dropdown and select a font from the list.
- Under Google Font Weights, select the weights you want to use (e.g., Regular, Bold).
- Click Save Changes and it will appear in your pages app
Faster font loading (optional)
Once you've chosen a Google Font, a Faster font loading switch appears below Google Font Weights. Turn it on to show your pages sooner: your website no longer waits for the font to download before it displays anything.
The trade-off is that, on the first visit, text can appear in a standard font for a moment before switching to your Google Font. Leave it off if you'd rather visitors only ever see your Google Font. You can turn it off at any time.
This setting only affects Google Fonts. Custom fonts you upload are not changed. See How to turn on faster font loading.
Step 3: Add Custom Font
Click Add under Custom Font URLs.
Enter the Font URL (e.g., upload or link to your .ttf, rift or .woff file).
Specify the Font Name (e.g., Carnival).
Enter the Font Weight (e.g., 300, 600).
Repeat the process for additional font styles or weights.
Click Save Changes and it will appear in your pages app
Font Weight Name + Number
| Weight Name | Number |
|---|---|
| Hairline | 100 |
| Thin | 200 |
| Light | 300 |
| Normal / Regular | 400 |
| Medium | 500 |
| Semibold | 600 |
| Bold | 700 |
| Extrabold | 800 |
| Black | 900 |
Tip:
If you want multiple weights for the same font (for example, Carnival 300, Carnival 600 and so on), keep the Font Name the same for all entries and only change the Font Weight value. This ensures your font variations (light, regular, bold, etc.) are grouped correctly under one font family.
Step 4: Change Default Typography
- In the same General Settings section, scroll to Typography.
- You can set fonts for:
- Body Font → For main text content
- Heading Font → For titles and headings
- Monospace Font → For code or technical text
- Select the font for each text type from the dropdown menu.
Step 5: Save Changes
Once you've set your fonts:
- Click Save Changes at the bottom of the page.
- Your new fonts and typography settings will be applied to your pages app.