diff --git a/cypress/platform/current.html b/cypress/platform/current.html
index a5c6d2bec..c05ee1f82 100644
--- a/cypress/platform/current.html
+++ b/cypress/platform/current.html
@@ -4,8 +4,12 @@
       href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
       rel="stylesheet"
     />
+    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
-      body {background: white}
+      body {
+        background: white;
+        font-family: 'Noto Sans SC', sans-serif;
+        }
       h1 { color: white;}
       .arrowheadPath {fill: red;}
 
@@ -34,6 +38,7 @@
         // gantt: { axisFormat: '%m/%d/%Y' },
         sequence: { actorMargin: 50 },
         // sequenceDiagram: { actorMargin: 300 } // deprecated
+        fontFamily: '"Noto Sans SC", sans-serif'
       });
     </script>
     </script>
diff --git a/cypress/platform/e2e.html b/cypress/platform/e2e.html
index 010b11cb2..de1706be5 100644
--- a/cypress/platform/e2e.html
+++ b/cypress/platform/e2e.html
@@ -2,6 +2,7 @@
   <head>
     <script src="/e2e.js"></script>
     <link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* font-family: 'Mansalva', cursive;*/
@@ -32,7 +33,8 @@
         // "themeCSS": ":root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}",
         // fontFamily: '\"trebuchet ms\", verdana, arial;'
         // fontFamily: '"Comic Sans MS", "Comic Sans", cursive'
-        fontFamily: '"Mansalva", cursive'
+        // fontFamily: '"Mansalva", cursive',
+        fontFamily: '"Noto Sans SC", sans-serif'
       });
     </script>
   </body>
