[Fix] Flags not displayed when user don't have a font with flags emoji (

#1134)
Heroic-Games-Launcher · Mar 21, 2022 · b1c08aa · b1c08aa
1 parent 237decf
commit b1c08aa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -1,5 +1,16 @@
 @import '~@fontsource/rubik/index.css';
 @import '~@fontsource/cabin/index.css';
+/*
+  Subset of font https://github.com/googlefonts/noto-emoji
+  which includes only flags emoji generated using command:
+  $ fonttools subset NotoColorEmoji.ttf --ignore-missing-glyphs --text-file=data.txt
+  where data.txt is a text file containing all the glyphs you want to include
+*/
+@font-face {
+  font-family: 'Noto Color Emoji';
+  src: url('./assets/NotoColorEmoji.subset.ttf');
+}
+
 * {
   box-sizing: border-box;
 }
@@ -221,7 +232,8 @@ html,
   height: 40px;
   background: var(--input-background);
   border-radius: 10px;
-  font: var(--font-secondary-bold);
+  font-family: Cabin, sans-serif, 'Noto Color Emoji';
+  font-weight: normal;
   font-size: 16px;
   line-height: 19px;
   color: var(--text-secondary);

diff --git a/src/assets/NotoColorEmoji.subset.ttf b/src/assets/NotoColorEmoji.subset.ttf