docs: country flag missing in windows (#16698)

* fix: country flag in windows * fix: stylelint
eslint · Dec 23, 2022 · f62b722 · f62b722
1 parent 4d27ec6
commit f62b722
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/docs/src/_includes/layouts/base.html b/docs/src/_includes/layouts/base.html
@@ -116,6 +116,13 @@
             font-weight: 400;
             font-display: swap;
         }
+
+        /* Country Flags for Windows */
+        @font-face {
+            font-family: "Twemoji Country Flags";
+            unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
+            src: url("https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2") format("woff2");
+        }
     </style>
     <script>
         if ("fonts" in document) {

diff --git a/docs/src/assets/scss/tokens/typography.scss b/docs/src/assets/scss/tokens/typography.scss
@@ -64,6 +64,7 @@
         Arial,
         sans-serif,
         "Apple Color Emoji",
+        "Twemoji Country Flags",
         "Segoe UI Emoji",
         "Segoe UI Symbol";
     --display-font: