diff --git a/web/images/icons/zulip-icons.font.js b/web/images/icons/zulip-icons.font.cjs
similarity index 100%
rename from web/images/icons/zulip-icons.font.js
rename to web/images/icons/zulip-icons.font.cjs
diff --git a/web/src/bundles/common.ts b/web/src/bundles/common.ts
index d45f289a9d..e6c7f5e78c 100644
--- a/web/src/bundles/common.ts
+++ b/web/src/bundles/common.ts
@@ -6,7 +6,7 @@ import "../blueslip.ts";
 import "../../third/bootstrap/css/bootstrap-btn.css";
 import "simplebar/dist/simplebar.css";
 import "font-awesome/css/font-awesome.css";
-import "../../images/icons/zulip-icons.font.js";
+import "../../images/icons/zulip-icons.font.cjs";
 import "source-sans/source-sans-3VF.css";
 import "source-code-pro/source-code-pro.css";
 import "@fontsource-variable/open-sans";
diff --git a/web/webpack.config.ts b/web/webpack.config.ts
index 02186944b4..c56a50ea99 100644
--- a/web/webpack.config.ts
+++ b/web/webpack.config.ts
@@ -95,7 +95,7 @@ const config = (
                 },
                 // Generate webfont
                 {
-                    test: /\.font\.js$/,
+                    test: /\.font\.cjs$/,
                     use: [
                         MiniCssExtractPlugin.loader,
                         {
@@ -114,6 +114,7 @@ const config = (
                             },
                         },
                     ],
+                    type: "javascript/auto",
                 },
                 // Transpile .js and .ts files with Babel
                 {