diff --git a/src/resources/css/typography/font-faces.css b/src/resources/css/typography/font-faces.css
index a674ec2..f3e3286 100644
--- a/src/resources/css/typography/font-faces.css
+++ b/src/resources/css/typography/font-faces.css
@@ -3,48 +3,48 @@
 /** +--------------------------------+ **/
 
 @font-face {
-    font-family: "OpenSans";
-    src: url('/fonts/OpenSans/OpenSans-Regular.woff2') format("woff2");
+    font-family: "Lato";
+    src: url('/fonts/Lato/Lato-Regular.woff2') format("woff2");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
-    font-family: "OpenSans";
-    src: url('/fonts/OpenSans/OpenSans-Italic.woff2') format("woff2");
+    font-family: "Lato";
+    src: url('/fonts/Lato/Lato-Italic.woff2') format("woff2");
     font-weight: 400;
     font-style: italic;
     font-display: swap;
 }
 
 @font-face {
-    font-family: "OpenSans";
-    src: url('/fonts/OpenSans/OpenSans-SemiBold.woff2') format("woff2");
+    font-family: "Lato";
+    src: url('/fonts/Lato/Lato-Semibold.woff2') format("woff2");
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
-    font-family: "OpenSans";
-    src: url('/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2') format("woff2");
+    font-family: "Lato";
+    src: url('/fonts/Lato/Lato-SemiboldItalic.woff2') format("woff2");
     font-weight: 600;
     font-style: italic;
     font-display: swap;
 }
 
 @font-face {
-    font-family: "OpenSans";
-    src: url('/fonts/OpenSans/OpenSans-Bold.woff2') format("woff2");
+    font-family: "Lato";
+    src: url('/fonts/Lato/Lato-Bold.woff2') format("woff2");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
-    font-family: "OpenSans";
-    src: url('/fonts/OpenSans/OpenSans-BoldItalic.woff2') format("woff2");
+    font-family: "Lato";
+    src: url('/fonts/Lato/Lato-BoldItalic.woff2') format("woff2");
     font-weight: 700;
     font-style: italic;
     font-display: swap;
@@ -102,12 +102,78 @@
     font-display: swap;
 }
 
+@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-VariableFont_wght.woff2') format("woff2-variations");
+    font-weight: 125 950;
+    font-stretch: 75% 125%;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-Italic-VariableFont_wght.woff2') format("woff2-variations");
+    font-weight: 125 950;
+    font-stretch: 75% 125%;
+    font-style: italic;
+    font-display: swap;
+}
+
+/*@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-Regular.woff2') format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-Italic.woff2') format("woff2");
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-SemiBold.woff2') format("woff2");
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-SemiBoldItalic.woff2') format("woff2");
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-Bold.woff2') format("woff2");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Raleway";
+    src: url('/fonts/Raleway/Raleway-BoldItalic.woff2') format("woff2");
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}*/
+
 /** +--------------------------------+ **/
 /** | Monospace fonts                | **/
 /** +--------------------------------+ **/
 
 @font-face {
-    font-family: "RobotoMono";
+    font-family: "Roboto Mono";
     src: url('/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2') format("woff2-variations");
     font-weight: 125 950;
     font-stretch: 75% 125%;
@@ -116,7 +182,7 @@
 }
 
 @font-face {
-    font-family: "RobotoMono";
+    font-family: "Roboto Mono";
     src: url('/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2') format("woff2-variations");
     font-weight: 125 950;
     font-stretch: 75% 125%;