Use self-hosted Libron and Cal Sans fonts #142

Merged
jonny merged 1 commit from feature/new-fonts into develop 2026-10-17 16:36:12 +02:00
Owner

Summary

  • Self-host Libron (v0.31) as the body serif and Cal Sans (v2.011) for headings and the header nav, under public/assets/fonts/. Both are SIL OFL 1.1; each folder includes its OFL.txt.
  • New resources/css/fonts.css with the @font-face rules and --font-serif / --font-sans tokens; versions and release links are noted at the top for future update checks.
  • Preload both fonts in master.blade.php to avoid the header nav shifting while Cal Sans loads.
  • Note text bumped to 110%; note metadata and article "Posted x ago" line reduced to 85%.
  • Rebuilt public/assets/css.

Notes

  • CalSansVF.woff2 is ~290KB and preloaded on every page; the repo's smaller calsans-cossui build (~151KB) could be evaluated later.
  • No Cal Sans italic is included, so italic headings would be synthesised.

Test plan

  • Browse notes, articles and header links; check fonts render and the nav doesn't shift
  • Check light and dark themes

🤖 Generated with Claude Code

## Summary - Self-host **Libron** (v0.31) as the body serif and **Cal Sans** (v2.011) for headings and the header nav, under `public/assets/fonts/`. Both are SIL OFL 1.1; each folder includes its `OFL.txt`. - New `resources/css/fonts.css` with the `@font-face` rules and `--font-serif` / `--font-sans` tokens; versions and release links are noted at the top for future update checks. - Preload both fonts in `master.blade.php` to avoid the header nav shifting while Cal Sans loads. - Note text bumped to 110%; note metadata and article "Posted x ago" line reduced to 85%. - Rebuilt `public/assets/css`. ## Notes - `CalSansVF.woff2` is ~290KB and preloaded on every page; the repo's smaller `calsans-cossui` build (~151KB) could be evaluated later. - No Cal Sans italic is included, so italic headings would be synthesised. ## Test plan - [x] Browse notes, articles and header links; check fonts render and the nav doesn't shift - [x] Check light and dark themes 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Libron is the body serif and Cal Sans is used for headings and the header
nav, both under the SIL OFL with licences alongside the font files. Both
are preloaded so the header doesn't shift while Cal Sans loads. Also
nudge note text up and note/article metadata down in size.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
jonny merged commit d2bc91794b into develop 2026-10-17 16:36:12 +02:00
jonny deleted branch feature/new-fonts 2026-10-17 16:36:12 +02:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
jonny/jonnybarnes.uk!142
No description provided.