diff --git a/mo-dark.css b/mo-dark.css
index 0a01879..23cc569 100644
--- a/mo-dark.css
+++ b/mo-dark.css
@@ -4,7 +4,7 @@ html {
 
 html,
 body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;
   text-align: justify;
   overflow-x: hidden;
   color: #abc0d0;
@@ -413,7 +413,7 @@ u {
 code {
   background-color: rgba(34, 37, 38, 0.05);
   color: #e96900;
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1rem;
   font-weight: 500;
   margin: 0 2px;
@@ -453,7 +453,7 @@ a img {
 
 /* code fences */
 .md-fences {
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: #222526;
   padding-top: 6px;
   padding-bottom: 6px;
@@ -657,7 +657,7 @@ a img {
 
 /* preferences */
 .ty-preferences {
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #282c34;
 }
 
@@ -878,7 +878,7 @@ a img {
 
 /** source code mode */
 #typora-source {
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #6a6a6a;
 }
 
@@ -901,5 +901,5 @@ a img {
 .typora-node .file-list-item-parent-loc,
 .typora-node .file-list-item-time,
 .typora-node .file-list-item-summary {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;
 }
diff --git a/mo.css b/mo.css
index 68be30d..7757ca2 100644
--- a/mo.css
+++ b/mo.css
@@ -4,7 +4,7 @@ html {
 
 html,
 body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;
   text-align: justify;
   overflow-x: hidden;
   color: #282c34;
@@ -405,7 +405,7 @@ u {
 code {
   background-color: rgba(34, 37, 38, 0.05);
   color: #e96900;
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1rem;
   font-weight: 500;
   margin: 0 2px;
@@ -445,7 +445,7 @@ a img {
 
 /* code fences */
 .md-fences {
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: #282c34;
   padding-top: 6px;
   padding-bottom: 6px;
@@ -648,7 +648,7 @@ a img {
 
 /* preferences */
 .ty-preferences {
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #282c34;
 }
 
@@ -869,7 +869,7 @@ a img {
 
 /** source code mode */
 #typora-source {
-  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif;
+  font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #6a6a6a;
 }
 
@@ -891,5 +891,5 @@ a img {
 .typora-node .file-list-item-parent-loc,
 .typora-node .file-list-item-time,
 .typora-node .file-list-item-summary {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;
 }
diff --git a/src/utils/dark/_variables.scss b/src/utils/dark/_variables.scss
index ba06e51..c003d82 100644
--- a/src/utils/dark/_variables.scss
+++ b/src/utils/dark/_variables.scss
@@ -1,8 +1,8 @@
 // global config
-$serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC",
-  "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
+$serif: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC",
+  "Microsoft YaHei", sans-serif;
 $sans-serif: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue",
-  Helvetica, Arial sans-serif;
+  Helvetica, Arial, sans-serif;
 $box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 $global: (
   root-size: 16px,
diff --git a/src/utils/light/_variables.scss b/src/utils/light/_variables.scss
index 2738fcf..d93149a 100644
--- a/src/utils/light/_variables.scss
+++ b/src/utils/light/_variables.scss
@@ -1,8 +1,8 @@
 // global config
-$serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC",
-  "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
+$serif: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC",
+  "Microsoft YaHei", sans-serif;
 $sans-serif: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue",
-  Helvetica, Arial sans-serif;
+  Helvetica, Arial, sans-serif;
 $box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 $global: (
   root-size: 16px,