diff --git a/app/.vitepress/src/shared/styles/base.scss b/app/.vitepress/src/shared/styles/base.scss
index a4d6e0df5737f63fb217346328eca51be3fbf62e..dc8ce70d8de52bce99c6ef5ca607f9b550b1de9a 100644
--- a/app/.vitepress/src/shared/styles/base.scss
+++ b/app/.vitepress/src/shared/styles/base.scss
@@ -8,8 +8,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   box-sizing: border-box;
-  font-family: 'Helvetica', 'Arial', 'PingFang SC', 'Microsoft YaHei',
-    sans-serif;
+  font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica', 'Arial', sans-serif;
   &::-webkit-scrollbar-track {
     border-radius: 4px;
     background-color: var(--o-color-bg2);
diff --git a/app/.vitepress/src/shared/styles/markdown.scss b/app/.vitepress/src/shared/styles/markdown.scss
index dc13edb5c0e39c9f15a7ded5928451de34cb58d9..0aa62cc8d278b54f6f14f9286eedc990b5febda6 100644
--- a/app/.vitepress/src/shared/styles/markdown.scss
+++ b/app/.vitepress/src/shared/styles/markdown.scss
@@ -202,8 +202,7 @@
     -ms-hyphens: none;
     hyphens: none;
     line-height: 1.45;
-    font-family: 'Helvetica', 'Arial', 'PingFang SC', 'Microsoft YaHei',
-      sans-serif;
+    font-family: 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', monospace;
   }
 
   pre {