diff --git a/docs/src/_includes/layouts/base.html b/docs/src/_includes/layouts/base.html
index 0834c0b52dc..13779e5dd86 100644
--- 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
index 24a4597442b..bdf4792bb90 100644
--- 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: