fix(flags): render flag emoji on Windows globally via a scoped flag font

Browse Source

Windows ships no glyphs for regional-indicator flag emoji, so flags fell back to country letters everywhere react-twemoji wasn't manually wrapped. Bundle the Twemoji country-flags woff2 locally (no runtime CDN — matters for our audience) and add it as an @font-face scoped with unicode-range to flag codepoints only, then put it first in every Tailwind font stack (sans/display/mono). The browser now uses it solely for flag characters, so every flag renders correctly app-wide with zero markup changes and no effect on any other text.

...

This commit is contained in:

c0mrade

2026-06-01 16:00:28 +03:00

parent 7b7ff53672

commit b877d7f175

3 changed files with 18 additions and 2 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

public/fonts/TwemojiCountryFlags.woff2 Normal file

Binary file not shown.