diff --git a/index.html b/index.html
index 99f3e8a..927dd6e 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <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/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/components/CodeEditor.vue b/src/components/CodeEditor.vue
index 90e3bac..e9f6f6b 100644
--- a/src/components/CodeEditor.vue
+++ b/src/components/CodeEditor.vue
@@ -29,7 +29,7 @@ const code = ref(props.modelValue)
 const isDark = useDark()
 const styleTheme = EditorView.baseTheme({
   "& .cm-scroller": {
-    "font-family": "Consolas",
+    "font-family": "Monaco",
   },
   "&.cm-editor.cm-focused": {
     outline: "none",
diff --git a/src/icons/Play.vue b/src/icons/Play.vue
deleted file mode 100644
index 31e893f..0000000
--- a/src/icons/Play.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <svg
-    viewBox="0 0 1024 1024"
-    focusable="false"
-    data-icon="caret-right"
-    width="18px"
-    height="18px"
-    fill="currentColor"
-    aria-hidden="true"
-  >
-    <path
-      d="M715.8 493.5L335 165.1c-14.2-12.2-35-1.2-35 18.5v656.8c0 19.7 20.8 30.7 35 18.5l380.8-328.4c10.9-9.4 10.9-27.6 0-37z"
-    ></path>
-  </svg>
-</template>