website logo
Sign Up ➑Book a Demo
🌐Help Center
πŸ’ΌJobs
Navigate through spaces
⌘K
πŸ‘‹Archbee Documentation Portal
πŸš€GETTING STARTED
Learn the basics
How to get started
Use cases
πŸ“EDITOR
πŸ“ƒDOCUMENTS
πŸ—ƒοΈSPACES
🌎HOSTED SPACES
β˜•ORGANIZATIONS
πŸ“¦IMPORT & EXPORT
πŸ”ŒINTEGRATIONS
πŸ“₯GUIDES
πŸ”ƒPUBLIC API
Doc
➿MISC
πŸ™‹Q&A
How can i arrange and group my imported OpenAPI docs
Why the landing page template isn't publishing to production
Why I can't remove Archbee branding on Startup plan
Why is my published space blank?
Why can't i change the domain?
Docs powered byΒ archbeeΒ 

How to change the font

6min

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

Document image
ο»Ώ
ο»Ώ

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

Document image
ο»Ώ
ο»Ώ

4. Add the font link in the INCLUDE HEADERS box

Document image
ο»Ώ

Include Headers font example

ο»Ώ

HTML
|
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300&display=swap" rel="stylesheet"/>
ο»Ώ

5. Add the CSS properties

Document image
ο»Ώ
CSS
|
<style>
body {
    font-family: Hind Siliguri, sans-serif !important;
}
</style>
ο»Ώ

ο»Ώ

Updated 31 Jan 2023
Did this page help you?
Yes
No
PREVIOUS
How to style Archbee templates with CSS
NEXT
Get document
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