CSS: Extract fonts to CSS variables #3850

New Issue

OVERLORD · 2026-02-05T07:39:53+03:00

OVERLORD commented

2026-02-05 07:39:53 +03:00

Originally created by @ssddanbrown on GitHub (Jun 13, 2023).

For easier customization and codebase reuse. Current SASS vars.

Docs Updates

Update customising visuals page.
Update advisory to warn of change in how fonts are customized.

Example Usage

<style>
	body {
	  --font-body: 'Noto Serif', serif;
	  --font-heading: 'Roboto', sans-serif;
	  --font-code: 'Source Code Pro', monospace;
	}
</style>

Originally created by @ssddanbrown on GitHub (Jun 13, 2023). For easier customization and codebase reuse. Current SASS vars. ### Docs Updates - [x] Update [customising visuals page](https://www.bookstackapp.com/docs/admin/visual-customisation/#changing-fonts). - [x] Update advisory to warn of change in how fonts are customized. ### Example Usage ```html <style> body { --font-body: 'Noto Serif', serif; --font-heading: 'Roboto', sans-serif; --font-code: 'Source Code Pro', monospace; } </style> ```