diff --git a/www/css/vis.css b/www/css/vis.css
index 2ed5a19..e2228cd 100644
--- a/www/css/vis.css
+++ b/www/css/vis.css
@@ -11,12 +11,12 @@ body, html {
     text-indent: 0;
     display: inline-block;
     text-align: start;
-    font: 1em Arial;
+    font: 1em Arial,PingFangSC-Light,"Microsoft YaHei";
 }
 
 /* set font as in editor */
 #vis_container {
-    font-family: Arial, sans-serif;
+    font-family: PingFangSC-Light,"Microsoft YaHei",Arial, sans-serif;
 }
 
 .vis-widget {
@@ -186,9 +186,8 @@ a.ui-dialog-titlebar-restore {
 }
 
 .vis-panel h4 {
-    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+    font-family: Verdana, Geneva, PingFangSC-Light,"Microsoft YaHei",Arial, Helvetica, sans-serif;
     font-size: 12pt;
-    font-weight: bold;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 6px;
@@ -226,10 +225,9 @@ a.ui-dialog-titlebar-restore {
     position: absolute;
     top: 10%;
     left: 38%;
-    font-family: 'trebuchet MS', sans-serif;
+    font-family: 'trebuchet MS', PingFangSC-Light,"Microsoft YaHei",sans-serif;
     color: #525252;
-    font-size: 1.5em;
-    font-weight: bold;
+    font-size: 1em;
     font-variant: small-caps;
 }
 
@@ -260,7 +258,6 @@ a.ui-dialog-titlebar-restore {
 
 .vis-group-button-width {
     width: 100%;
-    font-weight: bold;
 }
 .vis-user-disabled {
     background: gray !important;
@@ -268,7 +265,7 @@ a.ui-dialog-titlebar-restore {
     pointer-events: none;
 }
 .vis-view-disabled-text {
-    font-size: 24px;
+    font-size: 16px;
     position: absolute;
     left: calc(50% - 150px);
     top: calc(50% - 12px);
@@ -352,7 +349,7 @@ div#vis_editor {
     -moz-border-radius-bottomleft: 7px;
     border-bottom-right-radius: 7px;
     border-bottom-left-radius: 7px;
-    font-family: Arial, Helvetica, sans-serif;
+    font-family: PingFangSC-Light,"Microsoft YaHei",Arial, Helvetica, sans-serif;
 }
 
 .vis-stealmode {
@@ -394,7 +391,7 @@ div#vis_editor {
     padding: 10px;
     border: 2px solid #ddd;
     float: left;
-    font-size: 1.2em;
+    font-size: 1.0em;
     position: fixed;
     top: 50%;
     left: 50%;
@@ -438,7 +435,7 @@ div#vis_editor {
     border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
-    font: 13px Arial, Helvetica, sans-serif;
+    font: 13px Arial,PingFangSC-Light,"Microsoft YaHei", Helvetica, sans-serif;
     padding: 6px 6px 4px;
 }
 
@@ -456,7 +453,6 @@ div#vis_editor {
     text-align: center;
     padding-bottom: 10px;
     color: white;
-    font-weight: bold;
 }
 
 #login-box input:-moz-placeholder {
@@ -595,7 +591,7 @@ div.jGrowl div.warn {
     line-height: 100px;
     margin-top: -50px;
     margin-left: -50px;
-    font-family: Verdana, Geneva, sans-serif;
+    font-family: PingFangSC-Light,"Microsoft YaHei",Verdana, Geneva, sans-serif;
     font-size: 13px;
     text-align: center;
     text-shadow: 1px 1px #cccccc;