liveline: JetBrainsMono Nerd Font Mono for code blocks, fix diagram alignment

- Add @font-face for JetBrainsMono Nerd Font Mono (nerd-fonts v3.3.0) with
  proper box-drawing glyph support for seamless Unicode diagram rendering
- Update --ll-font-code to use NF Mono as primary, fallback to JetBrains Mono/SF Mono
- Fix liveline-prism.css: use var(--ll-font-code) instead of hardcoded SF Mono
- Remove unused Google Fonts JetBrains Mono link from root.tsx
- Fix diagram: keep Unicode box chars for seamless lines, use ASCII < > v for
  arrows (◄ ► ▼ render at inconsistent widths), recount all columns
This commit is contained in:
Tommy D. Rossi
2026-02-20 12:25:32 +01:00
parent 8511d17ed7
commit 7fe09ea35e
3 changed files with 119 additions and 107 deletions
+16 -2
View File
@@ -14,6 +14,20 @@
* - Small font sizes (14px body) for editorial/compact aesthetic
*/
/* ========================================================================
JetBrainsMono Nerd Font Mono — patched with box-drawing glyphs that
tile perfectly (no gaps). Only load regular 400 to keep payload small.
Source: github.com/ryanoasis/nerd-fonts
======================================================================== */
@font-face {
font-family: "JetBrainsMono NF Mono";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://raw.githubusercontent.com/ryanoasis/nerd-fonts/refs/tags/v3.3.0/patched-fonts/JetBrainsMono/Ligatures/Regular/JetBrainsMonoNerdFontMono-Regular.ttf") format("truetype");
}
/* ========================================================================
Design tokens
======================================================================== */
@@ -22,8 +36,8 @@
--ll-font-primary: "Inter var", "Inter", system-ui, -apple-system,
BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--ll-font-secondary: "Newsreader", Georgia, "Times New Roman", serif;
--ll-font-code: "SF Mono", "SFMono-Regular", "Consolas", "Liberation Mono",
Menlo, Courier, monospace;
--ll-font-code: "JetBrainsMono NF Mono", "JetBrains Mono", "SF Mono",
"SFMono-Regular", "Consolas", "Liberation Mono", Menlo, Courier, monospace;
/* Bleed: code blocks & images extend beyond prose column.
36px = 8px div padding-left + 28px line-number span (border-box includes its 20px paddingRight) */