diff --git a/src/App.vue b/src/App.vue
index a4cb3e8..63cae3c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -109,6 +109,8 @@ export default class App extends Vue
     align-items: flex-start
     z-index: 2
 
+    font-family: "Microsoft YaHei UI", $font
+
     #menu
         padding: 5px 10px
         margin: 15px 10px
diff --git a/src/css/global.sass b/src/css/global.sass
index 8b8e8be..ce884a3 100644
--- a/src/css/global.sass
+++ b/src/css/global.sass
@@ -6,8 +6,9 @@
 @import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap')
 @import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap')
 @import url('/fonts/hua/font-hua.css')
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap')
 
-$font: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif
+$font: "Noto Sans SC", Avenir, Helvetica, Arial, sans-serif
 
 .font-code
   font-family: Inconsolata, Monaco, Monospaced, serif