# Fonts
Easily add colors to your theme to use in your classes and attributes.
blick.config({
font: {
main: "system-ui,-apple-system,sans-serif",
serif: "serif",
mono: "monospace",
sans: "sans-serif",
myfont: "Montserrat"
}
})
All fonts are converted to css variables , so you can use them in other files. Here main is used as the main font of the site, so if you want to change the font of the whole site, set the desired one in main .
:root {
--font-main: system-ui, -apple-system, sans-serif;
--font-serif: serif;
--font-mono: monospace;
--font-sans: sans-serif;
--font-myfont: Montserrat;
}
Here's how to use them.
class="ff-$font-myfont"