diff --git a/CHANGELOG.md b/CHANGELOG.md index c4ed6ac..e1871e9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -70,6 +70,13 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ### Fixed +- The custom font stacks (and with them the bundled emoji font) never applied: + Tailwind emits font families verbatim, and the unquoted "Noto Sans Symbols 2" + — an identifier ending in a digit — made the whole `font-family` declaration + invalid CSS, which Chromium silently dropped. Families are now quoted; + verified by screenshotting the built app on a system with no fonts installed + (JetBrains Mono + full-color emoji render). + - Emoji and symbols now render on every platform. The app bundles Noto Color 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 diff --git a/tailwind.config.js b/tailwind.config.js index e7cbf4f..053aa0c 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -27,28 +27,32 @@ module.exports = { // 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. + // NOTE: multi-word family names must carry their own quotes here — + // Tailwind emits these strings verbatim into CSS, and an unquoted name + // ending in a digit ("Noto Sans Symbols 2") is invalid CSS that makes + // Chromium drop the ENTIRE font-family declaration silently. fontFamily: { mono: [ - 'JetBrains Mono', + "'JetBrains Mono'", 'ui-monospace', 'Consolas', 'monospace', - 'Apple Color Emoji', - 'Segoe UI Emoji', - 'Segoe UI Symbol', - 'Noto Color Emoji', - 'Noto Sans Symbols 2' + "'Apple Color Emoji'", + "'Segoe UI Emoji'", + "'Segoe UI Symbol'", + "'Noto Color Emoji'", + "'Noto Sans Symbols 2'" ], sans: [ - 'JetBrains Mono', + "'JetBrains Mono'", 'ui-monospace', 'Consolas', 'monospace', - 'Apple Color Emoji', - 'Segoe UI Emoji', - 'Segoe UI Symbol', - 'Noto Color Emoji', - 'Noto Sans Symbols 2' + "'Apple Color Emoji'", + "'Segoe UI Emoji'", + "'Segoe UI Symbol'", + "'Noto Color Emoji'", + "'Noto Sans Symbols 2'" ] }, keyframes: {