docs: country flag missing in windows (#16698)

shanpriyan · web-flow · commit f62b72225185 · 2022-12-23T20:04:28.000+01:00
* fix: country flag in windows

* fix: stylelint
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:
