diff --git a/index.html b/index.html
index 2cab0fb..d54aeb4 100755
--- a/index.html
+++ b/index.html
@@ -1,6 +1,14 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
+    <!--
+    Using LeonPan open source project.
+    Powered by LeonCloud
+    awa
+    -->
+    <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">
     <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 7ef2e2d..bb29a43 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -24,6 +24,11 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
       ...themeConfig.shape,
       borderRadius: 4,
     },
+    typography: {
+      ...themeConfig.typography,
+      fontFamily:
+        '-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "ZCOOL QingKe HuangYou", "Inter", "Hiragino Sans GB", "Microsoft YaHei", sans-serif',
+    },
     components: {
       MuiCssBaseline: {
         styleOverrides: {
