From c11ad211f5d72b6ee2b48d80f25d16e3e85248eb Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Wed, 24 Jun 2026 14:04:48 -0400 Subject: fix(theme-studio): render nerd-icon glyphs in previews instead of tofu The legend, dashboard, and package previews drew nerd-icon glyphs as empty boxes. The font-family never reached them: PREVIEW_FONT was spliced into inline style="..." attributes with a double-quoted family name, so the inner quote closed the attribute early and the font was silently dropped. Dropping the quotes fixes it. A no-space family name needs none. I embedded the glyph font directly: Symbols Nerd Font Mono, encoded with fontTools (woff2_compress output is rejected by headed Chrome and Firefox), inlined as a data: URI under the unique family name ThemeStudioNerd so it resolves to the embed rather than a system-installed copy of the same name. The page is self-contained and renders on any clone. I added a #fonttest gate that parses previewLines output and asserts the resolved font-family plus glyph coverage, plus a make font target that re-encodes the woff2 with fontTools. --- scripts/theme-studio/styles.css | 1 + 1 file changed, 1 insertion(+) (limited to 'scripts/theme-studio/styles.css') diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css index d77359801..5ad5eeb18 100644 --- a/scripts/theme-studio/styles.css +++ b/scripts/theme-studio/styles.css @@ -1,3 +1,4 @@ + @font-face{font-family:"ThemeStudioNerd";src:url("SymbolsNerdFontMono-Regular.woff2") format("woff2");font-display:swap} body{background:#0d0b0a;color:#cdced1;font:15px/1.55 monospace;margin:20px} h1{font-size:22px;font-weight:normal;color:#e8bd30;margin:26px 0 10px;border-bottom:1px solid #252321;padding-bottom:6px} h2{font-size:10pt;color:#8a9496;font-weight:normal;margin:0 0 4px} -- cgit v1.2.3