GUIDES

How to change the font

2min

When you publish a collection you can control the way it looks by adding Custom CSS in the Custom Code section.

When you want to change the font that loads on the production website, you have 2 options:

1. Using Google Fonts

1

Click on the gear icon ⚙️ to open the Space Settings

2

Look for the Appearance tab on the Space Settings modal

3

Scroll down to Custom Fonts and toggle it on

4

Choose the desired font and the changes will be automatically saved

Document image


2. Use Custom CSS to reference the font

1

Click on the gear icon ⚙️ to open the Space Settings

2

Look for the Custom Code tab on the Space Settings modal

3

Add the font link in the Include Headers box

Document image


Include Headers font example:

HTML

4

Add the CSS properties

Document image

CSS




🤔
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.