Changing fonts#
Furo makes it fairly straightforward to change the fonts across the entire page.
This is done by changing the values of the relevant CSS variables: font-stack
(for regular text) and font-stack--monospace
(for code blocks and inline code). This can be done using Furo’s mechanism for setting CSS variables – specifically by setting them as the fonts for the light mode (which is inherited by the dark mode).
html_theme_options = {
"light_css_variables": {
"font-stack": "Arial, sans-serif",
"font-stack--monospace": "Courier, monospace",
},
}
Note
It is strongly recommended to not change the fonts unless there is a strong reason (such as brand identity) since Furo’s default fonts are carefully selected to look good across all major platforms.