diff --git a/index.html b/index.html
index ae2feb5..ffd8c8b 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
     <link rel="shortcut icon" href="/public/website/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>徐越的判题狗</title>
+    <link rel="stylesheet" href="/style.css">
     <script>
       this.globalThis || (this.globalThis = window)
     </script>
diff --git a/package-lock.json b/package-lock.json
index dd6cc32..7cb70fb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5834,9 +5834,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.0.11",
-      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.0.11.tgz",
-      "integrity": "sha512-XBMnDjZcNAw/G1gEiskiM1v6yzM4GE5aMGvhWTlHAYYhxb7S3/V1s3m2LDHa8Vh6yIWYYB0iJwsEaS523c4oYA==",
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.12.tgz",
+      "integrity": "sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.19.3",
@@ -5849,6 +5849,9 @@
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
       },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
       "optionalDependencies": {
         "fsevents": "~2.3.3"
       },
diff --git a/public/Monaco.ttf b/public/Monaco.ttf
new file mode 100644
index 0000000..c19946c
Binary files /dev/null and b/public/Monaco.ttf differ
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..768aef7
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,4 @@
+@font-face {
+    font-family: "Monaco";
+    src: url(/Monaco.ttf);
+}
\ No newline at end of file
diff --git a/src/shared/components/CodeEditor.vue b/src/shared/components/CodeEditor.vue
index 03c8b68..d0daa5d 100644
--- a/src/shared/components/CodeEditor.vue
+++ b/src/shared/components/CodeEditor.vue
@@ -10,7 +10,7 @@ import { isDark } from "../composables/dark"
 
 const styleTheme = EditorView.baseTheme({
   "& .cm-scroller": {
-    "font-family": "Consolas",
+    "font-family": "Monaco",
   },
   "&.cm-editor.cm-focused": {
     outline: "none",