How to change the font
2 min
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
Click on the gear icon ⚙️ to open the Space Settings
Look for the Appearance tab on the Space Settings modal
Scroll down to Custom Fonts and toggle it on
Choose the desired font and the changes will be automatically saved
2. Use Custom CSS to reference the font
Click on the gear icon ⚙️ to open the Space Settings
Look for the Custom Code tab on the Space Settings modal
Add the font link in the Include Headers box
Include Headers font example:
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300&display=swap" rel="stylesheet"/>Add the CSS properties
<style>
body {
font-family: Hind Siliguri, sans-serif !important;
}
</style>