diff --git a/src/App.vue b/src/App.vue
index 6d8f917..ce1457e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -105,7 +105,12 @@ hljs.registerLanguage('ini', ini)
 //
 // }
 
-const themeOverrides = {}
+const themeOverrides = {
+  common: {
+    fontFamily: "Noto Sans SC, sans-serif",
+    fontFamilyMono: "JetBrains Mono, monospace",
+  }
+}
 
 
 
diff --git a/src/assets/fonts/JetBrainsMono-Medium.woff2 b/src/assets/fonts/JetBrainsMono-Medium.woff2
new file mode 100644
index 0000000..669d04c
Binary files /dev/null and b/src/assets/fonts/JetBrainsMono-Medium.woff2 differ
diff --git a/src/style.css b/src/style.css
index e73f7f5..d624d30 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,6 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap");
 
 :root {
   --header-height: 50px;
@@ -23,3 +24,16 @@ body {
 .fade-leave-to {
   opacity: 0;
 }
+
+.noto-sans-sc-g {
+  font-family: "Noto Sans SC", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 400;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: "Jetbrains Mono";
+  src: url("/src/assets/fonts/JetBrainsMono-Medium.woff2") format("woff2");
+}
\ No newline at end of file