diff --git a/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2 b/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2
new file mode 100644
index 0000000..efd8b12
Binary files /dev/null and b/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2 differ
diff --git a/src/assets/fonts/OpenSans-VariableFont_wdth,wght.woff2 b/src/assets/fonts/OpenSans-VariableFont_wdth,wght.woff2
new file mode 100644
index 0000000..7b667c4
Binary files /dev/null and b/src/assets/fonts/OpenSans-VariableFont_wdth,wght.woff2 differ
diff --git a/src/assets/fonts/Orbitron-VariableFont_wght.woff2 b/src/assets/fonts/Orbitron-VariableFont_wght.woff2
new file mode 100644
index 0000000..0dc4570
Binary files /dev/null and b/src/assets/fonts/Orbitron-VariableFont_wght.woff2 differ
diff --git a/src/assets/fonts/cs_regular.woff2 b/src/assets/fonts/cs_regular.woff2
new file mode 100644
index 0000000..25f7f32
Binary files /dev/null and b/src/assets/fonts/cs_regular.woff2 differ
diff --git a/src/scss/custom.scss b/src/scss/custom.scss
index bec6cd4..e35107d 100644
--- a/src/scss/custom.scss
+++ b/src/scss/custom.scss
@@ -2,22 +2,33 @@
 //@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 @font-face {
   font-family: "OpenSans";
-  src: local('Arial'), local('OpenSans'), url("../assets/fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
+  src: local('OpenSans'),
+       url("../assets/fonts/OpenSans-VariableFont_wdth,wght.woff2") format("woff2"),
+       url("../assets/fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
   font-display: swap;
 }
+
 @font-face {
   font-family: "OpenSansItalic";
-  src: local('Arial'), local('OpenSansItalic'), url("../assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
+  src: local('OpenSansItalic'),
+       url("../assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"),
+       url("../assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
   font-display: swap;
 }
+
 @font-face {
   font-family: "CSRegular";
-  src: local('Arial'), local('CSRegular'), url("../assets/fonts/cs_regular.ttf") format("truetype");
+  src: local('CSRegular'),
+       url("../assets/fonts/cs_regular.woff2") format("woff2"),
+       url("../assets/fonts/cs_regular.ttf") format("truetype");
   font-display: swap;
 }
+
 @font-face {
   font-family: "Orbitron";
-  src: local('Arial'), local('Orbitron'), url("../assets/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
+  src: local('Orbitron'),
+       url("../assets/fonts/Orbitron-VariableFont_wght.woff2") format("woff2"),
+       url("../assets/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
   font-display: swap;
 }
 
@@ -37,6 +48,7 @@ $success: #609926;
 .mt-n5 {
   margin-top: -3rem !important;
 }
+
 .mt-n4 {
   margin-top: -2rem !important;
 }