jnd/beszel-ipv6
1
0
Fork 0
mirror of https://github.com/henrygd/beszel.git synced 2026-09-26 19:37:47 +02:00
Code Issues Packages Projects Releases 2 Wiki Activity

feat(ui): add Twemoji Country Flags font to make sure flags always render (#2363)

Browse Source
This commit is contained in:
spatiumstas
2026-09-26 17:41:22 +03:00
committed by GitHub
parent 15994474f6
commit 1ed02bb517
2 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
internal/site/src/assets/TwemojiCountryFlags.woff2 Normal file
View File

Binary file not shown.

20
internal/site/src/index.css
View File

@@ -64,7 +64,7 @@
}
@theme inline {
--font-sans: Inter, InterVariable, sans-serif;
--font-sans: TwemojiCountryFlags, Inter, InterVariable, sans-serif;
--breakpoint-xs: 26.6rem;
--breakpoint-450: 28rem;
@@ -118,11 +118,25 @@
}
@layer utilities {
/* Fonts */
/* Twemoji Country Flags font from country-flag-emoji-polyfill,
* derived from Twemoji Mozilla. Twemoji graphics are licensed CC BY 4.0:
* https://creativecommons.org/licenses/by/4.0/
*/
@font-face {
font-family: TwemojiCountryFlags;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("./assets/TwemojiCountryFlags.woff2") format("woff2");
/* Regional indicator symbols make up ISO 3166-1 flag emoji. */
unicode-range: U+1F1E6-1F1FF;
}
@supports (font-variation-settings: normal) {
:root {
font-family: Inter, InterVariable, sans-serif;
font-family: TwemojiCountryFlags, Inter, InterVariable, sans-serif;
}
}