diff --git a/src/app.css b/src/app.css
index d4b5078..d311c8a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1 +1,5 @@
 @import 'tailwindcss';
+
+@theme {
+  --font-sans: "Noto Sans CJK SC", "Noto Sans SC", "Noto Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
diff --git a/src/app.html b/src/app.html
index f273cc5..4a0a8ca 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="zh-hans">
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
diff --git a/src/routes/latex/+page.svelte b/src/routes/latex/+page.svelte
index 41e596f..8d6c398 100644
--- a/src/routes/latex/+page.svelte
+++ b/src/routes/latex/+page.svelte
@@ -41,8 +41,14 @@ onMount(async () => {
       }
     };
   </script>
+  <style>
+    svg text[font-family=serif] {
+      font-family: 'Noto Serif CJK SC', 'Noto Serif SC', 'Noto Serif', serif;
+    }
+  </style>
 </svelte:head>
 
 <div id="main" class="markdown-body main" style="font-size: {sizeParam || '1.2em'}">
   {source}
 </div>
+
diff --git a/src/routes/markdown/+page.svelte b/src/routes/markdown/+page.svelte
index f413ca8..b680b89 100644
--- a/src/routes/markdown/+page.svelte
+++ b/src/routes/markdown/+page.svelte
@@ -60,3 +60,9 @@ onMount(async () => {
 <div id="main" class="markdown-body main" style="font-size: {sizeParam || '1.2em'}">
   <SvelteMarkdown {source} />
 </div>
+
+<style>
+  .markdown-body {
+    font-family: "Noto Sans SC";
+  }
+</style>
