diff --git a/index.html b/index.html
index d54aeb4..3007671 100755
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
     -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=ZCOOL+QingKe+HuangYou&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=MiSans:wght@300;400;500;700&display=swap" rel="stylesheet">
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="{pwa_small_icon}" sizes="64x64" />
     <meta
diff --git a/src/App.tsx b/src/App.tsx
index bb29a43..53e54ce 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -27,13 +27,17 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
     typography: {
       ...themeConfig.typography,
       fontFamily:
-        '-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "ZCOOL QingKe HuangYou", "Inter", "Hiragino Sans GB", "Microsoft YaHei", sans-serif',
+        '"MiSans", -apple-system, BlinkMacSystemFont, "ZCOOL QingKe HuangYou", "Inter", "Hiragino Sans GB", "Microsoft YaHei", sans-serif',
     },
     components: {
       MuiCssBaseline: {
         styleOverrides: {
           body: {
             overscrollBehavior: "none",
+            fontFamily: '"MiSans", sans-serif',
+          },
+          html: {
+            fontFamily: '"MiSans", sans-serif',
           },
         },
       },