diff --git a/src/assets/fonts/intel-one-mono/intel-one-mono.css b/src/assets/fonts/intel-one-mono/intel-one-mono.css
index b2698c58..1ee88aab 100644
--- a/src/assets/fonts/intel-one-mono/intel-one-mono.css
+++ b/src/assets/fonts/intel-one-mono/intel-one-mono.css
@@ -1,5 +1,5 @@
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: normal;
     font-weight: 200;
@@ -7,7 +7,7 @@
 }
 
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: italic;
     font-weight: 200;
@@ -15,7 +15,7 @@
 }
 
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: normal;
     font-weight: 400;
@@ -23,7 +23,7 @@
 }
 
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: italic;
     font-weight: 400;
@@ -31,7 +31,7 @@
 }
 
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: normal;
     font-weight: 600;
@@ -39,7 +39,7 @@
 }
 
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: italic;
     font-weight: 600;
@@ -47,7 +47,7 @@
 }
 
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: normal;
     font-weight: 700;
@@ -55,7 +55,7 @@
 }
 
 @font-face {
-    font-display: optional;
+    font-display: swap;
     font-family: 'Intel One Mono';
     font-style: italic;
     font-weight: 700;
diff --git a/src/assets/fonts/lexend/lexend.css b/src/assets/fonts/lexend/lexend.css
index 350bddee..24dc6881 100644
--- a/src/assets/fonts/lexend/lexend.css
+++ b/src/assets/fonts/lexend/lexend.css
@@ -1,6 +1,6 @@
 /* lexend-100 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 100;
@@ -9,7 +9,7 @@
 
 /* lexend-200 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 200;
@@ -18,7 +18,7 @@
 
 /* lexend-300 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 300;
@@ -27,7 +27,7 @@
 
 /* lexend-regular - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 400;
@@ -36,7 +36,7 @@
 
 /* lexend-500 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 500;
@@ -45,7 +45,7 @@
 
 /* lexend-600 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 600;
@@ -54,7 +54,7 @@
 
 /* lexend-700 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 700;
@@ -63,7 +63,7 @@
 
 /* lexend-800 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 800;
@@ -72,7 +72,7 @@
 
 /* lexend-900 - latin */
 @font-face {
-  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lexend';
   font-style: normal;
   font-weight: 900;