diff --git a/packages/frontend/public/fonts/Basteleur-Bold.woff b/packages/frontend/public/fonts/Basteleur-Bold.woff
new file mode 100644
index 0000000..6b78ba7
Binary files /dev/null and b/packages/frontend/public/fonts/Basteleur-Bold.woff differ
diff --git a/packages/frontend/public/fonts/Basteleur-Bold.woff2 b/packages/frontend/public/fonts/Basteleur-Bold.woff2
new file mode 100644
index 0000000..69b8558
Binary files /dev/null and b/packages/frontend/public/fonts/Basteleur-Bold.woff2 differ
diff --git a/packages/frontend/public/fonts/Basteleur-Moonlight.woff b/packages/frontend/public/fonts/Basteleur-Moonlight.woff
new file mode 100644
index 0000000..5b13b7b
Binary files /dev/null and b/packages/frontend/public/fonts/Basteleur-Moonlight.woff differ
diff --git a/packages/frontend/public/fonts/Basteleur-Moonlight.woff2 b/packages/frontend/public/fonts/Basteleur-Moonlight.woff2
new file mode 100644
index 0000000..178ab18
Binary files /dev/null and b/packages/frontend/public/fonts/Basteleur-Moonlight.woff2 differ
diff --git a/packages/frontend/public/fonts/SortsMillGoudy-Italic.woff b/packages/frontend/public/fonts/SortsMillGoudy-Italic.woff
new file mode 100644
index 0000000..c889d21
Binary files /dev/null and b/packages/frontend/public/fonts/SortsMillGoudy-Italic.woff differ
diff --git a/packages/frontend/public/fonts/SortsMillGoudy-Regular.woff b/packages/frontend/public/fonts/SortsMillGoudy-Regular.woff
new file mode 100644
index 0000000..4c5bc32
Binary files /dev/null and b/packages/frontend/public/fonts/SortsMillGoudy-Regular.woff differ
diff --git a/packages/frontend/src/App.css b/packages/frontend/src/App.css
index e6204b7..fdfd9ea 100644
--- a/packages/frontend/src/App.css
+++ b/packages/frontend/src/App.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap");
+@import "./fonts.css";
 
 @import "tailwindcss";
 @import "tw-animate-css";
@@ -125,7 +125,7 @@
 }
 
 * {
-    font-family: "Fira Code", monospace;
+    font-family: "IBM Plex Mono", monospace;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
diff --git a/packages/frontend/src/fonts.css b/packages/frontend/src/fonts.css
new file mode 100644
index 0000000..3ea0b61
--- /dev/null
+++ b/packages/frontend/src/fonts.css
@@ -0,0 +1,51 @@
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
+
+@font-face {
+    font-family: "Basteleur";
+    src:
+        url("/fonts/Basteleur-Bold.woff2") format("woff2"),
+        url("/fonts/Basteleur-Bold.woff") format("woff");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Basteleur";
+    src:
+        url("/fonts/Basteleur-Moonlight.woff2") format("woff2"),
+        url("/fonts/Basteleur-Moonlight.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Sorts Mill Goudy";
+    src: url("/fonts/SortsMillGoudy-Regular.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Sorts Mill Goudy";
+    src: url("/fonts/SortsMillGoudy-Italic.woff") format("woff");
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+.font-mono {
+    font-family: "IBM Plex Mono", monospace;
+}
+
+.font-basteleur {
+    font-family: "Basteleur", serif;
+    line-height: 1;
+    transform: translateY(0.1em);
+}
+
+.font-goudy {
+    font-family: "Sorts Mill Goudy", serif;
+}