diff --git a/web/src/assets/base.css b/web/src/assets/base.css
index 6d84b5d4..95bada1f 100644
--- a/web/src/assets/base.css
+++ b/web/src/assets/base.css
@@ -64,7 +64,7 @@ body {
   min-height: 100vh;
   color: var(--gray-900);
   line-height: 1.6;
-  font-family: 'Roboto', 'Noto Sans SC', 'HarmonyOS Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans SC', 'Roboto', 'HarmonyOS Sans SC', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
diff --git a/web/src/components/MessageComponent.vue b/web/src/components/MessageComponent.vue
index 09d1a088..2c504f28 100644
--- a/web/src/components/MessageComponent.vue
+++ b/web/src/components/MessageComponent.vue
@@ -384,6 +384,7 @@ const isEmptyAndLoading = computed(() => {
   color: var(--gray-900);
   max-width: 100%;
   padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans SC', 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Source Han Sans CN', 'Courier New', monospace;
 
   #preview-only-preview {
     font-size: 15px;
@@ -415,7 +416,7 @@ const isEmptyAndLoading = computed(() => {
 
   code {
     font-size: 13px;
-    font-family: 'Menlo', 'Monaco', 'Consolas', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Source Han Sans CN', 'Courier New', monospace;
+    font-family: 'Menlo', 'Monaco', 'Consolas', 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Source Han Sans CN', 'Courier New', monospace;
     line-height: 1.5;
     letter-spacing: 0.025em;
     tab-size: 4;