diff --git a/CHANGELOG.md b/CHANGELOG.md index aee039d..c4ed6ac 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,6 +8,9 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ### Changed +- The app's primary typeface is now **JetBrains Mono** (bundled, OFL) — a + modern terminal look across the whole UI, chat included. + - **The Interview** closing now requires the naming ceremony: the bot proposes its own name and signature emoji — agreed with the user before the hatch can close. @@ -68,11 +71,11 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ### Fixed - Emoji and symbols now render on every platform. The app bundles Noto Color - Emoji (the vendored **COLRv1** build — Chromium cannot render the SVG-in-OT - flavor some packages ship, which still produced placeholder squares) and Noto - Sans Symbols 2, as unicode-range subsets loaded only as needed; font stacks - list platform emoji fonts first. Verified by rendering the glyph in Electron - on a system with no emoji fonts installed. + Emoji as the **CBDT bitmap** build — the SVG-in-OT flavor some packages ship + is unsupported by Chromium (tofu), and the COLRv1 vector build painted + invisible glyphs on WSLg's GPU path. Bitmaps have no paint pipeline to break; + pixel-verified in Electron with and without GPU on a system with no emoji + fonts installed. Noto Sans Symbols 2 covers non-emoji symbols. - The chat composer now grows with what you type (up to ~14 lines, then scrolls internally) instead of staying a fixed 2-3 lines. diff --git a/package-lock.json b/package-lock.json index 091a3da..5ff7758 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "dependencies": { "@anthropic-ai/sdk": "^0.112.3", "@codemirror/lang-markdown": "^6.5.1", + "@fontsource/jetbrains-mono": "^5.3.0", "@fontsource/noto-sans-symbols-2": "^5.3.0", "@uiw/react-codemirror": "^4.25.11", "better-sqlite3": "^12.11.1", @@ -1476,6 +1477,15 @@ "node": "^20.19.0 || ^22.13.0 || >=24" } }, + "node_modules/@fontsource/jetbrains-mono": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/@fontsource/jetbrains-mono/-/jetbrains-mono-5.3.0.tgz", + "integrity": "sha512-fqDfB5I9f1p1TV486aUgB9t8zP84P0O1FtQR5Ol9vjwPy+S+EIGlVYm1cvj2W5shcZMTg2nZFdVMoH5wFu8a1A==", + "license": "OFL-1.1", + "funding": { + "url": "https://github.com/sponsors/ayuhito" + } + }, "node_modules/@fontsource/noto-sans-symbols-2": { "version": "5.3.0", "resolved": "https://registry.npmjs.org/@fontsource/noto-sans-symbols-2/-/noto-sans-symbols-2-5.3.0.tgz", diff --git a/package.json b/package.json index 0adaf46..bb6223f 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ "dependencies": { "@anthropic-ai/sdk": "^0.112.3", "@codemirror/lang-markdown": "^6.5.1", + "@fontsource/jetbrains-mono": "^5.3.0", "@fontsource/noto-sans-symbols-2": "^5.3.0", "@uiw/react-codemirror": "^4.25.11", "better-sqlite3": "^12.11.1", diff --git a/src/renderer/assets/fonts/noto-color-emoji/README.md b/src/renderer/assets/fonts/noto-color-emoji/README.md index 7c4a9e5..1ce886d 100644 --- a/src/renderer/assets/fonts/noto-color-emoji/README.md +++ b/src/renderer/assets/fonts/noto-color-emoji/README.md @@ -1,9 +1,18 @@ -# Noto Color Emoji (COLRv1) +# Noto Color Emoji (CBDT bitmap build) -Vendored from Google Fonts (v39), OFL-1.1 licensed (see LICENSE). This is the -**COLRv1** build — the flavor Chromium/Electron renders natively. +Vendored from googlefonts/noto-emoji (`fonts/NotoColorEmoji.ttf`, OFL-1.1 — see +LICENSE), compressed to woff2 with fonttools. -Do not replace with the SVG-in-OpenType build (`glyf` + `SVG ` tables, e.g. the -`@fontsource/noto-color-emoji` package): Chromium does not support SVG-in-OT -color fonts and silently renders blank/tofu glyphs. Verify any update with -`fonttools`: the files must contain `COLR` (version 1) + `CPAL` tables. +Why this flavor, learned the hard way (twice): + +- **SVG-in-OpenType** (`glyf` + `SVG ` tables — what `@fontsource/noto-color-emoji` + ships): Chromium has never supported it. Renders blank/tofu. +- **COLRv1** (`COLR` v1 + `CPAL`): renders in Chromium's software path, but drew + *invisible* glyphs on WSLg's GPU raster path in the field (copy-paste worked, + nothing painted). +- **CBDT/CBLC** (this file): embedded bitmaps — no vector-paint pipeline to + break. The flavor Android/ChromeOS ship. Renders identically with and without + GPU (pixel-verified in Electron under xvfb both ways). + +Any replacement must contain `CBDT` + `CBLC` tables (check with fonttools) and +be pixel-verified in Electron on a machine with no system emoji fonts. diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-cbdt.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-cbdt.woff2 new file mode 100644 index 0000000..54df3e5 Binary files /dev/null and b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-cbdt.woff2 differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-0.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-0.woff2 deleted file mode 100644 index 6bd5c1d..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-0.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-1.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-1.woff2 deleted file mode 100644 index df45509..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-1.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-2.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-2.woff2 deleted file mode 100644 index dd1c2ae..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-2.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-3.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-3.woff2 deleted file mode 100644 index ea25e7d..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-3.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-4.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-4.woff2 deleted file mode 100644 index 2400e69..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-4.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-5.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-5.woff2 deleted file mode 100644 index 3b6c74d..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-5.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-6.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-6.woff2 deleted file mode 100644 index 319f906..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-6.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-7.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-7.woff2 deleted file mode 100644 index 63d9a6d..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-7.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-8.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-8.woff2 deleted file mode 100644 index 3a6e9d5..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-8.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-9.woff2 b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-9.woff2 deleted file mode 100644 index d3d1e10..0000000 Binary files a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji-colrv1-9.woff2 and /dev/null differ diff --git a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji.css b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji.css index 66f63b8..41f5c32 100644 --- a/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji.css +++ b/src/renderer/assets/fonts/noto-color-emoji/noto-color-emoji.css @@ -1,83 +1,8 @@ +/* Noto Color Emoji — CBDT/CBLC bitmap build (see README.md for why). */ @font-face { font-family: 'Noto Color Emoji'; font-style: normal; font-weight: 400; font-display: swap; - src: url(./noto-color-emoji-colrv1-0.woff2) format('woff2'); - unicode-range: U+1f1e6-1f1ff; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-1.woff2) format('woff2'); - unicode-range: U+200d, U+2620, U+26a7, U+fe0f, U+1f308, U+1f38c, U+1f3c1, U+1f3f3-1f3f4, U+1f6a9, U+e0062-e0063, U+e0065, U+e0067, U+e006c, U+e006e, U+e0073-e0074, U+e0077, U+e007f; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-2.woff2) format('woff2'); - unicode-range: U+23, U+2a, U+30-39, U+a9, U+ae, U+200d, U+203c, U+2049, U+20e3, U+2122, U+2139, U+2194-2199, U+21a9-21aa, U+23cf, U+23e9-23ef, U+23f8-23fa, U+24c2, U+25aa-25ab, U+25b6, U+25c0, U+25fb-25fe, U+2611, U+2622-2623, U+2626, U+262a, U+262e-262f, U+2638, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267b, U+267e-267f, U+2695, U+269b-269c, U+26a0, U+26a7, U+26aa-26ab, U+26ce, U+26d4, U+2705, U+2714, U+2716, U+271d, U+2721, U+2733-2734, U+2747, U+274c, U+274e, U+2753-2755, U+2757, U+2764, U+2795-2797, U+27a1, U+27b0, U+27bf, U+2934-2935, U+2b05-2b07, U+2b1b-2b1c, U+2b55, U+3030, U+303d, U+3297, U+3299, U+fe0f, U+1f170-1f171, U+1f17e-1f17f, U+1f18e, U+1f191-1f19a, U+1f201-1f202, U+1f21a, U+1f22f, U+1f232-1f23a, U+1f250-1f251, U+1f310, U+1f3a6, U+1f3b5-1f3b6, U+1f3bc, U+1f3e7, U+1f441, U+1f499-1f49c, U+1f49f-1f4a0, U+1f4ac-1f4ad, U+1f4b1-1f4b2, U+1f4b9, U+1f4db, U+1f4f2-1f4f6, U+1f500-1f507, U+1f515, U+1f518-1f524, U+1f52f-1f53d, U+1f549, U+1f54e, U+1f5a4, U+1f5e8, U+1f5ef, U+1f6ab, U+1f6ad-1f6b1, U+1f6b3, U+1f6b7-1f6bc, U+1f6be, U+1f6c2-1f6c5, U+1f6d0-1f6d1, U+1f6d7, U+1f6dc, U+1f7e0-1f7eb, U+1f7f0, U+1f90d-1f90e, U+1f9d1-1f9d2, U+1f9e1, U+1fa75-1fa77, U+1faaf; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-3.woff2) format('woff2'); - unicode-range: U+200d, U+231a-231b, U+2328, U+23f0-23f3, U+2602, U+260e, U+2692, U+2694, U+2696-2697, U+2699, U+26b0-26b1, U+26cf, U+26d1, U+26d3, U+2702, U+2709, U+270f, U+2712, U+fe0f, U+1f302, U+1f321, U+1f392-1f393, U+1f3a9, U+1f3bd, U+1f3ee, U+1f3f7, U+1f3fa, U+1f451-1f462, U+1f484, U+1f489-1f48a, U+1f48c-1f48e, U+1f4a1, U+1f4a3, U+1f4a5, U+1f4b0, U+1f4b3-1f4b8, U+1f4bb-1f4da, U+1f4dc-1f4f1, U+1f4ff, U+1f508-1f514, U+1f516-1f517, U+1f526-1f529, U+1f52c-1f52e, U+1f550-1f567, U+1f56f-1f570, U+1f576, U+1f587, U+1f58a-1f58d, U+1f5a5, U+1f5a8, U+1f5b1-1f5b2, U+1f5c2-1f5c4, U+1f5d1-1f5d3, U+1f5dc-1f5de, U+1f5e1, U+1f5f3, U+1f6aa, U+1f6ac, U+1f6bd, U+1f6bf, U+1f6c1, U+1f6cb, U+1f6cd-1f6cf, U+1f6d2, U+1f6e0-1f6e1, U+1f6f0, U+1f97b-1f97f, U+1f9af, U+1f9ba, U+1f9e2-1f9e6, U+1f9ea-1f9ec, U+1f9ee-1f9f4, U+1f9f7-1f9ff, U+1fa71-1fa74, U+1fa79-1fa7b, U+1fa86, U+1fa8e-1fa8f, U+1fa91-1fa93, U+1fa96, U+1fa99-1faa0, U+1faa2-1faa7, U+1faaa-1faae; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-4.woff2) format('woff2'); - unicode-range: U+265f, U+26bd-26be, U+26f3, U+26f8, U+fe0f, U+1f004, U+1f0cf, U+1f380-1f384, U+1f386-1f38b, U+1f38d-1f391, U+1f396-1f397, U+1f399-1f39b, U+1f39e-1f39f, U+1f3a3-1f3a5, U+1f3a7-1f3a9, U+1f3ab-1f3b4, U+1f3b7-1f3bb, U+1f3bd-1f3c0, U+1f3c5-1f3c6, U+1f3c8-1f3c9, U+1f3cf-1f3d3, U+1f3f8-1f3f9, U+1f47e, U+1f4e2, U+1f4f7-1f4fd, U+1f52b, U+1f579, U+1f58c-1f58d, U+1f5bc, U+1f6f7, U+1f6f9, U+1f6fc, U+1f93f, U+1f941, U+1f945, U+1f947-1f94f, U+1f9e7-1f9e9, U+1f9f5-1f9f6, U+1fa70-1fa71, U+1fa80-1fa81, U+1fa83-1fa85, U+1fa87-1fa8a, U+1fa94-1fa95, U+1fa97-1fa98, U+1faa1, U+1faa9, U+1fadf; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-5.woff2) format('woff2'); - unicode-range: U+2693, U+26e9-26ea, U+26f1-26f2, U+26f4-26f5, U+26fa, U+26fd, U+2708, U+fe0f, U+1f301, U+1f303, U+1f306-1f307, U+1f309, U+1f310, U+1f3a0-1f3a2, U+1f3aa, U+1f3cd-1f3ce, U+1f3d5, U+1f3d7-1f3db, U+1f3df-1f3e6, U+1f3e8-1f3ed, U+1f3ef-1f3f0, U+1f488, U+1f492, U+1f4ba, U+1f54b-1f54d, U+1f5fa-1f5ff, U+1f680-1f6a2, U+1f6a4-1f6a8, U+1f6b2, U+1f6d1, U+1f6d5-1f6d6, U+1f6dd-1f6df, U+1f6e2-1f6e5, U+1f6e9, U+1f6eb-1f6ec, U+1f6f3-1f6f6, U+1f6f8, U+1f6fa-1f6fb, U+1f9bc-1f9bd, U+1f9ed, U+1f9f3, U+1fa7c; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-6.woff2) format('woff2'); - unicode-range: U+200d, U+2615, U+fe0f, U+1f32d-1f330, U+1f336, U+1f33d, U+1f344-1f37f, U+1f382, U+1f52a, U+1f7e9, U+1f7eb, U+1f942-1f944, U+1f950-1f96f, U+1f99e, U+1f9aa, U+1f9c0-1f9cb, U+1fad0-1fadc; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-7.woff2) format('woff2'); - unicode-range: U+200d, U+2600-2601, U+2603-2604, U+2614, U+2618, U+26a1, U+26c4-26c5, U+26c8, U+26f0, U+2728, U+2744, U+2b1b, U+2b50, U+fe0f, U+1f300, U+1f304-1f305, U+1f308, U+1f30a-1f30f, U+1f311-1f321, U+1f324-1f32c, U+1f331-1f335, U+1f337-1f33c, U+1f33e-1f344, U+1f3d4, U+1f3d6, U+1f3dc-1f3de, U+1f3f5, U+1f400-1f43f, U+1f490, U+1f4a7, U+1f4ae, U+1f525, U+1f54a, U+1f573, U+1f577-1f578, U+1f648-1f64a, U+1f6d8, U+1f940, U+1f980-1f9ae, U+1f9ba, U+1fa90, U+1faa8, U+1fab0-1fabf, U+1facd-1facf, U+1fae7; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-8.woff2) format('woff2'); - unicode-range: U+200d, U+2640, U+2642, U+2695-2696, U+26f7, U+26f9, U+2708, U+2764, U+27a1, U+fe0f, U+1f33e, U+1f373, U+1f37c, U+1f384-1f385, U+1f393, U+1f3a4, U+1f3a8, U+1f3c2-1f3c4, U+1f3c7, U+1f3ca-1f3cc, U+1f3eb, U+1f3ed, U+1f3fb-1f3ff, U+1f430, U+1f466-1f469, U+1f46b-1f478, U+1f47c, U+1f481-1f483, U+1f486-1f487, U+1f48b, U+1f48f, U+1f491, U+1f4bb-1f4bc, U+1f527, U+1f52c, U+1f574-1f575, U+1f57a, U+1f645-1f647, U+1f64b, U+1f64d-1f64e, U+1f680, U+1f692, U+1f6a3, U+1f6b4-1f6b6, U+1f6c0, U+1f6cc, U+1f91d, U+1f926, U+1f930-1f931, U+1f934-1f93a, U+1f93c-1f93e, U+1f977, U+1f9af-1f9b3, U+1f9b8-1f9b9, U+1f9bc-1f9bd, U+1f9cc-1f9cf, U+1f9d1-1f9df, U+1fa70, U+1fa82, U+1fac3-1fac5, U+1fac8, U+1faef; -} -@font-face { - font-family: 'Noto Color Emoji'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(./noto-color-emoji-colrv1-9.woff2) format('woff2'); - unicode-range: U+200d, U+2194-2195, U+2603, U+261d, U+2620, U+2639-263a, U+2665, U+26a1, U+26c4, U+270a-270d, U+2728, U+2763-2764, U+2b50, U+fe0f, U+1f31a-1f31f, U+1f32b, U+1f389-1f38a, U+1f3fb-1f3ff, U+1f440-1f450, U+1f463-1f465, U+1f479-1f47b, U+1f47d-1f480, U+1f485, U+1f48b-1f48c, U+1f493-1f49f, U+1f4a2, U+1f4a4-1f4a6, U+1f4a8-1f4ab, U+1f4af, U+1f525, U+1f573, U+1f590, U+1f595-1f596, U+1f5a4, U+1f5e3, U+1f600-1f644, U+1f648-1f64a, U+1f64c, U+1f64f, U+1f90c-1f925, U+1f927-1f92f, U+1f932-1f933, U+1f970-1f976, U+1f978-1f97a, U+1f9a0, U+1f9b4-1f9b7, U+1f9bb, U+1f9be-1f9bf, U+1f9d0, U+1f9e0-1f9e1, U+1fa75-1fa79, U+1fac0-1fac2, U+1fac6, U+1fae0-1fae6, U+1fae8-1faea, U+1faef-1faf8; -} -body { - --google-font-color-notocoloremoji:colrv1; + src: url(./noto-color-emoji-cbdt.woff2) format('woff2'); } diff --git a/src/renderer/main.tsx b/src/renderer/main.tsx index b8aac00..055a12a 100644 --- a/src/renderer/main.tsx +++ b/src/renderer/main.tsx @@ -2,11 +2,14 @@ import React from 'react' import { createRoot } from 'react-dom/client' import { HashRouter } from 'react-router-dom' import App from './App' -// Bundled fallback fonts so emoji and symbols render on every platform — -// minimal Linux/WSL installs often ship no color-emoji font at all, and -// Electron doesn't bundle one. Unicode-range subsets: only used ranges load. -// The emoji font is the vendored COLRv1 build — Chromium can't render the -// SVG-in-OT flavor that some packages ship (see the font dir's README). +// Bundled fonts. JetBrains Mono is the app's primary (terminal-style) face; +// the vendored CBDT emoji font + symbols guarantee every glyph renders on +// every platform — minimal Linux/WSL installs ship no emoji font at all, and +// only the bitmap emoji flavor survives every GPU path (see the font README). +import '@fontsource/jetbrains-mono/400.css' +import '@fontsource/jetbrains-mono/500.css' +import '@fontsource/jetbrains-mono/600.css' +import '@fontsource/jetbrains-mono/700.css' import './assets/fonts/noto-color-emoji/noto-color-emoji.css' import '@fontsource/noto-sans-symbols-2' import './index.css' diff --git a/tailwind.config.js b/tailwind.config.js index b5a1cdb..e7cbf4f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -23,14 +23,14 @@ module.exports = { danger: 'rgb(var(--hatch-danger) / )' } }, - // Emoji/symbol fallbacks matter on every stack: platform emoji fonts - // first (native look on mac/Windows), then the bundled Noto fonts so - // rendering is guaranteed on systems with no emoji font at all. + // JetBrains Mono (bundled) is the primary face everywhere — the app's + // terminal aesthetic. Emoji/symbol fallbacks matter on every stack: + // platform emoji fonts first (native look on mac/Windows), then the + // bundled Noto fonts so rendering is guaranteed with no system fonts. fontFamily: { mono: [ + 'JetBrains Mono', 'ui-monospace', - 'SFMono-Regular', - 'Menlo', 'Consolas', 'monospace', 'Apple Color Emoji', @@ -40,11 +40,10 @@ module.exports = { 'Noto Sans Symbols 2' ], sans: [ - 'Inter', - 'system-ui', - '-apple-system', - 'Segoe UI', - 'sans-serif', + 'JetBrains Mono', + 'ui-monospace', + 'Consolas', + 'monospace', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',