Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
28 changes: 16 additions & 12 deletions tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down
Loading