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
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 Document image](https://images.archbee.com/bNBm7nPJgXjbjLyfbHNh2/nbN4MagEC7RqaC0FLQa16_guides-gfonts-light.png?format=webp)
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 Document image](https://images.archbee.com/bNBm7nPJgXjbjLyfbHNh2/1T8J80RasE65zjsyGTPw3_guides-cssheading-light.png?format=webp)
Include Headers font example:
4
Add the CSS properties
![Document image Document image](https://images.archbee.com/bNBm7nPJgXjbjLyfbHNh2/XtWUUM0yHexmsaKz-039h_guides-cssfont-light.png?format=webp)
🤔
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.
Updated 16 Jun 2024
Did this page help you?