diff --git a/cypress/integration/rendering/stateDiagram.spec.js b/cypress/integration/rendering/stateDiagram.spec.js
index db257f76c..fa7f7da02 100644
--- a/cypress/integration/rendering/stateDiagram.spec.js
+++ b/cypress/integration/rendering/stateDiagram.spec.js
@@ -9,7 +9,7 @@ describe('State diagram', () => {
     [*] --> State1
     State1 --> [*]
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -21,7 +21,7 @@ describe('State diagram', () => {
       [*] --> S1
       state "Some long name" as S1
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -33,7 +33,7 @@ describe('State diagram', () => {
       [*] --> S1
       state "Some long name" as S1: The description
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -44,7 +44,7 @@ describe('State diagram', () => {
       state "A long long name" as long1
       state "A" as longlonglongid
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -58,7 +58,7 @@ describe('State diagram', () => {
       S1 --> S3: long line using <br>should work
       S1 --> S4: long line using \\nshould work
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -72,7 +72,7 @@ describe('State diagram', () => {
       notes.
     end note
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -86,7 +86,7 @@ describe('State diagram', () => {
       notes with . and  in them.
     end note
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -102,7 +102,7 @@ describe('State diagram', () => {
     State1 --> State2 : With +,-
     note left of State2 : This is the note +,-<br/>
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -145,7 +145,7 @@ describe('State diagram', () => {
     State1 --> State2
     State2 --> [*]
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -158,7 +158,7 @@ describe('State diagram', () => {
     State1 --> State3
     State1 --> [*]
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -174,7 +174,7 @@ describe('State diagram', () => {
     State2 --> State3 : Transition 5
     State1 --> [*]
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -187,7 +187,7 @@ describe('State diagram', () => {
         XState2 : New line
         XState1 --> XState2
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -206,7 +206,7 @@ describe('State diagram', () => {
         Configuring --> Idle : EvConfig  EvConfig EvConfig  EvConfig EvConfig
       }
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -236,7 +236,7 @@ describe('State diagram', () => {
          }
       }
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
   });
   it('should render forks in composit states', () => {
@@ -258,7 +258,7 @@ describe('State diagram', () => {
         State4 --> [*]
       }
       `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
   });
   it('should render forks and joins', () => {
@@ -276,7 +276,7 @@ describe('State diagram', () => {
       join_state --> State4
       State4 --> [*]
     `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });
@@ -300,7 +300,7 @@ describe('State diagram', () => {
       ScrollLockOn --> ScrollLockOff : EvCapsLockPressed
     }
     `,
-      { logLevel: 0 }
+      { logLevel: 0, fontFamily: 'Arial' }
     );
     cy.get('svg');
   });