diff --git a/cypress/platform/e2e.html b/cypress/platform/e2e.html
index 2172a0916..a279c4071 100644
--- a/cypress/platform/e2e.html
+++ b/cypress/platform/e2e.html
@@ -27,7 +27,7 @@
     <script>
       // Notice startOnLoad=false
       // This prevents default handling in mermaid from render before the e2e logic is applied
-      mermaid.initialize({
+      window.mermaidDefault = {
         startOnLoad: false,
         useMaxWidth: true,
         // "themeCSS": ":root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}",
@@ -35,7 +35,8 @@
         // fontFamily: '"Comic Sans MS", "Comic Sans", cursive'
         // fontFamily: '"Mansalva", cursive',
         fontFamily: '"Noto Sans SC", sans-serif'
-      });
+      };
+      mermaid.initialize(window.mermaidDefault);
     </script>
   </body>
 </html>
diff --git a/cypress/platform/viewer.js b/cypress/platform/viewer.js
index 1d8a8034d..282290507 100644
--- a/cypress/platform/viewer.js
+++ b/cypress/platform/viewer.js
@@ -30,6 +30,11 @@ const contentLoaded = function() {
       div.innerHTML = graphObj.code;
       document.getElementsByTagName('body')[0].appendChild(div);
     }
+
+    if (window.mermaidDefault.fontFamily) {
+      graphObj.mermaid.fontFamily = window.mermaidDefault.fontFamily;
+    }
+
     global.mermaid.initialize(graphObj.mermaid);
     global.mermaid.init();
   }
diff --git a/src/mermaid.js b/src/mermaid.js
index 14d928a07..10b25aa7d 100644
--- a/src/mermaid.js
+++ b/src/mermaid.js
@@ -124,7 +124,7 @@ const init = function() {
 const initialize = function(config) {
   mermaidAPI.reset();
 
-  // console.log('Initializing mermaid 1', config);
+  // console.log('mermaid.initialize1', config);
   if (typeof config.mermaid !== 'undefined') {
     if (typeof config.mermaid.startOnLoad !== 'undefined') {
       mermaid.startOnLoad = config.mermaid.startOnLoad;