diff --git a/src/App.tsx b/src/App.tsx
index 938f1f8f..2bc45fa8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -53,7 +53,7 @@ function Home() {
 						<code className="commitmono text-[11px]">{asciiArt}</code>
 					</pre>
 				) : null}
-				<h1 className="picnic text-8xl text-balance">Oliver Bryan</h1>
+				<h1 className="basteleur-bold text-8xl text-balance">Oliver Bryan</h1>
 			</div>
 			<div className="w-full max-w-5xl grid grid-cols-1 md:grid-cols-2 gap-4">
 				{sortedProjects.map((project) => (
diff --git a/src/index.css b/src/index.css
index af751c4d..7e32fa6f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,8 @@
 @import url("https://fonts.ob248.com/commitmono");
 @import url("https://fonts.ob248.com/ft88");
+@import url("https://fonts.ob248.com/ft88-gothique");
 @import url("https://fonts.ob248.com/picnic");
+@import url("https://fonts.ob248.com/basteleur");
 
 @import "tailwindcss";
 
@@ -149,7 +151,22 @@ body {
 	font-weight: 200;
 }
 
-.picnic {
-	font-family: "PicNic", serif;
+.ft88-gothique {
+	font-family: "FT88 Gothique", serif;
+	font-weight: 200;
+}
+
+.basteleur {
+	font-family: "Basteleur", serif;
 	font-weight: 400;
 }
+
+.basteleur-bold {
+	font-family: "Basteleur", serif;
+	font-weight: 700;
+}
+
+.picnic {
+	font-family: "PicNic", serif;
+	font-weight: 700;
+}