⌘K

Book a Demo Sign Up ->

GUIDES

How to change the font

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 need to reference the font before you add the Custom CSS.
1. Click on the gear icon ⚙️ to open the Settings
﻿
2. Look for the Custom Code tab on the Spaces settings window
﻿
4. Add the font link in the INCLUDE HEADERS box
﻿
Include Headers font example 
﻿
HTML
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300&display=swap" rel="stylesheet"/>
﻿
5. Add the CSS properties
﻿
CSS
<style>
body {
    font-family: Hind Siliguri, sans-serif !important;
}
</style>
<style>
body {
    font-family: Hind Siliguri, sans-serif !important;
}
</style>
﻿
﻿

Updated 02 Nov 2023

Did this page help you?

How to style Archbee templates with CSS

How to manage the card and billing details

Docs powered by Archbee

TABLE OF CONTENTS

1. Click on the gear icon ⚙️ to open the Settings

2. Look for the Custom Code tab on the Spaces settings window

4. Add the font link in the INCLUDE HEADERS box

Include Headers font example

5. Add the CSS properties