diff --git a/src/public/fonts/RobotoMono/RobotoMono-Bold.woff2 b/src/public/fonts/RobotoMono/RobotoMono-Bold.woff2
new file mode 100644
index 0000000..9eeebd1
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-Bold.woff2 differ
diff --git a/src/public/fonts/RobotoMono/RobotoMono-BoldItalic.woff2 b/src/public/fonts/RobotoMono/RobotoMono-BoldItalic.woff2
new file mode 100644
index 0000000..672a146
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-BoldItalic.woff2 differ
diff --git a/src/public/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2 b/src/public/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2
new file mode 100644
index 0000000..f6a33c1
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2 differ
diff --git a/src/public/fonts/RobotoMono/RobotoMono-Italic.woff2 b/src/public/fonts/RobotoMono/RobotoMono-Italic.woff2
new file mode 100644
index 0000000..7c0566a
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-Italic.woff2 differ
diff --git a/src/public/fonts/RobotoMono/RobotoMono-Regular.woff2 b/src/public/fonts/RobotoMono/RobotoMono-Regular.woff2
new file mode 100644
index 0000000..dab2585
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-Regular.woff2 differ
diff --git a/src/public/fonts/RobotoMono/RobotoMono-SemiBold.woff2 b/src/public/fonts/RobotoMono/RobotoMono-SemiBold.woff2
new file mode 100644
index 0000000..22a4652
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-SemiBold.woff2 differ
diff --git a/src/public/fonts/RobotoMono/RobotoMono-SemiBoldItalic.woff2 b/src/public/fonts/RobotoMono/RobotoMono-SemiBoldItalic.woff2
new file mode 100644
index 0000000..b603be9
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-SemiBoldItalic.woff2 differ
diff --git a/src/public/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2 b/src/public/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2
new file mode 100644
index 0000000..779edae
Binary files /dev/null and b/src/public/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2 differ
diff --git a/src/resources/css/app.css b/src/resources/css/app.css
index b0fcfb8..26fd8b5 100644
--- a/src/resources/css/app.css
+++ b/src/resources/css/app.css
@@ -3,7 +3,7 @@
 @import 'tailwindcss/utilities';
 
 @import 'animations.css';
-@import 'typography.css';
+@import 'fontfaces.css';
 
 @import 'components/buttons.css';
 @import 'components/cards.css';
diff --git a/src/resources/css/fontfaces.css b/src/resources/css/fontfaces.css
index 1327e8d..a674ec2 100644
--- a/src/resources/css/fontfaces.css
+++ b/src/resources/css/fontfaces.css
@@ -2,6 +2,58 @@
 /** | Sans fonts                     | **/
 /** +--------------------------------+ **/
 
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-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-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-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-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-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-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}
+
+/** +--------------------------------+ **/
+/** | Serif fonts                    | **/
+/** +--------------------------------+ **/
+
 @font-face {
     font-family: "Nunito";
     src: url('/fonts/Nunito/Nunito-Regular.woff2') format("woff2");
@@ -50,12 +102,6 @@
     font-display: swap;
 }
 
-/** +--------------------------------+ **/
-/** | Serif fonts                    | **/
-/** +--------------------------------+ **/
-
-/**/
-
 /** +--------------------------------+ **/
 /** | Monospace fonts                | **/
 /** +--------------------------------+ **/