deepState/tabi-lean
3
0
Fork 0
forked from deepStateMirrors/tabi
Code Issues 1 Pull requests Activity

✨ feat: add option to use sans-serif font everywhere

Browse source
This commit is contained in:
welpo 2024-06-28 19:51:03 +02:00
parent 82ecbc1454
commit a907f56bd5
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
9 changed files with 52 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
content/blog/mastering-tabi-settings/index.md
View file

@ -1,7 +1,7 @@
+++
title = "Mastering tabi Settings: A Comprehensive Guide"
date = 2023-09-18
updated = 2024-06-27
updated = 2024-06-28
description = "Discover the many ways you can customise your tabi site."
[taxonomies]
@ -185,6 +185,18 @@ tabi's skins change the main colour of the site. You can set the skin in `config
Explore the available skins and learn how to create your own reading [the documentation](/blog/customise-tabi/#skins).
### Sans-serif Font
| Page | Section | `config.toml` | Follows Hierarchy | Requires JavaScript |
|:----:|:-------:|:-------------:|:-----------------:|:-------------------:|
| ❌ | ❌ | ✅ | ❌ | ❌ |
tabi uses a serif font for article paragraphs (the one you're seeing now). You can switch to using a sans-serif font (the one on the headers/menu) throughout your entire site by setting `override_serif_with_sans = true` in your `config.toml`.
Click on the image below to compare the two looks:
{{ image_toggler(default_src="blog/mastering-tabi-settings/img/serif.webp", toggled_src="blog/mastering-tabi-settings/img/sans-serif.webp", default_alt="Serif font", toggled_alt="Sans-serif font", full_width=true) }}
### Custom CSS
| Page | Section | `config.toml` | Follows Hierarchy | Requires JavaScript |