diff --git a/app/stage/service-worker.js b/app/stage/service-worker.js
index c7c2626c5..34b3c8f38 100644
--- a/app/stage/service-worker.js
+++ b/app/stage/service-worker.js
@@ -6,7 +6,7 @@ const INITIAL_CACHED_RESOURCES = [
     "/stage/icon-large.png",
     "/stage/icon.png",
     "/stage/loading-pure.svg",
-    "/stage/build/fonts/JetBrainsMono-Regular.woff",
+    "/stage/build/fonts/JetBrainsMono-Regular.woff2",
     "/stage/protyle/js/lute/lute.min.js",
     "/stage/protyle/js/protyle-html.js"
 ];
diff --git a/app/webpack.config.js b/app/webpack.config.js
index 1a78e14dc..f6d763214 100644
--- a/app/webpack.config.js
+++ b/app/webpack.config.js
@@ -76,10 +76,10 @@ module.exports = (env, argv) => {
                     ],
                 },
                 {
-                    test: /\.woff$/,
+                    test: /\.woff2$/,
                     type: "asset/resource",
                     generator: {
-                        filename: "../fonts/JetBrainsMono-Regular.woff",
+                        filename: "../fonts/JetBrainsMono-Regular.woff2",
                     },
                 },
                 {
diff --git a/app/webpack.desktop.js b/app/webpack.desktop.js
index 9d29ed83c..66cfe7de8 100644
--- a/app/webpack.desktop.js
+++ b/app/webpack.desktop.js
@@ -79,10 +79,10 @@ module.exports = (env, argv) => {
                     ],
                 },
                 {
-                    test: /\.woff$/,
+                    test: /\.woff2$/,
                     type: "asset/resource",
                     generator: {
-                        filename: "../fonts/JetBrainsMono-Regular.woff",
+                        filename: "../fonts/JetBrainsMono-Regular.woff2",
                     },
                 },
                 {
diff --git a/app/webpack.export.js b/app/webpack.export.js
index 019e6b743..da74154f0 100644
--- a/app/webpack.export.js
+++ b/app/webpack.export.js
@@ -72,10 +72,10 @@ module.exports = (env, argv) => {
                     ],
                 },
                 {
-                    test: /\.woff$/,
+                    test: /\.woff2$/,
                     type: "asset/resource",
                     generator: {
-                        filename: "../fonts/JetBrainsMono-Regular.woff",
+                        filename: "../fonts/JetBrainsMono-Regular.woff2",
                     },
                 },
             ],
diff --git a/app/webpack.mobile.js b/app/webpack.mobile.js
index 858c723e3..3c3665e26 100644
--- a/app/webpack.mobile.js
+++ b/app/webpack.mobile.js
@@ -80,10 +80,10 @@ module.exports = (env, argv) => {
                     ],
                 },
                 {
-                    test: /\.woff$/,
+                    test: /\.woff2$/,
                     type: "asset/resource",
                     generator: {
-                        filename: "../fonts/JetBrainsMono-Regular.woff",
+                        filename: "../fonts/JetBrainsMono-Regular.woff2",
                     },
                 },
                 {