diff --git a/assets/fonts/TwemojiFlags.woff2 b/assets/fonts/TwemojiFlags.woff2
new file mode 100644
index 000000000..b9d6ea84b
Binary files /dev/null and b/assets/fonts/TwemojiFlags.woff2 differ
diff --git a/src/App/styles.less b/src/App/styles.less
index 53ec4c1d5..f86057cd0 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -8,6 +8,12 @@
     src: url('/assets/fonts/PlusJakartaSans.ttf') format('truetype');
 }
 
+@font-face {
+    font-family: 'TwemojiFlags';
+    src: url('/assets/fonts/TwemojiFlags.woff2') format('woff2');
+    unicode-range: U+1F1E6-1F1FF;
+}
+
 :global {
     @import (once, less) '~stremio/common/animations.less';
     @import (once, less) '~stremio-router/styles.css';
@@ -151,7 +157,7 @@ svg {
 html {
     width: @html-width;
     height: @html-height;
-    font-family: 'PlusJakartaSans', 'Arial', 'Helvetica', 'sans-serif';
+    font-family: 'PlusJakartaSans', 'Arial', 'Helvetica', 'TwemojiFlags', 'sans-serif';
     overflow: auto;
     overscroll-behavior: none;
     user-select: none;
diff --git a/webpack.config.js b/webpack.config.js
index 8768d753f..1ea934e03 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -150,7 +150,7 @@ module.exports = (env, argv) => ({
                 ]
             },
             {
-                test: /\.ttf$/,
+                test: /\.(ttf|woff2)$/,
                 exclude: /node_modules/,
                 type: 'asset/resource',
                 generator: {