diff --git a/public/fonts/AfacadFlux-Medium.ttf b/public/fonts/AfacadFlux-Medium.ttf
new file mode 100644
index 0000000..22fa855
Binary files /dev/null and b/public/fonts/AfacadFlux-Medium.ttf differ
diff --git a/public/fonts/AfacadFlux-SemiBold.ttf b/public/fonts/AfacadFlux-SemiBold.ttf
new file mode 100644
index 0000000..ba4c527
Binary files /dev/null and b/public/fonts/AfacadFlux-SemiBold.ttf differ
diff --git a/public/fonts/LibreBaskerville-Bold.ttf b/public/fonts/LibreBaskerville-Bold.ttf
new file mode 100644
index 0000000..f415f3e
Binary files /dev/null and b/public/fonts/LibreBaskerville-Bold.ttf differ
diff --git a/public/fonts/LibreBaskerville-Regular.ttf b/public/fonts/LibreBaskerville-Regular.ttf
new file mode 100644
index 0000000..8b87139
Binary files /dev/null and b/public/fonts/LibreBaskerville-Regular.ttf differ
diff --git a/public/fonts/RobotoMono-Regular.ttf b/public/fonts/RobotoMono-Regular.ttf
new file mode 100644
index 0000000..6df2b25
Binary files /dev/null and b/public/fonts/RobotoMono-Regular.ttf differ
diff --git a/public/fonts/RobotoMono-SemiBold.ttf b/public/fonts/RobotoMono-SemiBold.ttf
new file mode 100644
index 0000000..82ddc82
Binary files /dev/null and b/public/fonts/RobotoMono-SemiBold.ttf differ
diff --git a/src/components/Head.pug b/src/components/Head.pug
index 60c1250..7316c63 100644
--- a/src/components/Head.pug
+++ b/src/components/Head.pug
@@ -81,6 +81,57 @@ head
 
 	// region Custom CSS
 	style.
+		/* Afacad Flux */
+		@font-face {
+			font-family: 'Afacad Flux';
+			src: url('/public/fonts/AfacadFlux-Medium.ttf') format('truetype');
+			font-weight: 500;
+			font-style: normal;
+			font-display: swap;
+		}
+
+		@font-face {
+			font-family: 'Afacad Flux';
+			src: url('/public/fonts/AfacadFlux-SemiBold.ttf') format('truetype');
+			font-weight: 600;
+			font-style: normal;
+			font-display: swap;
+		}
+
+		/* Libre Baskerville */
+		@font-face {
+			font-family: 'Libre Baskerville';
+			src: url('/public/fonts/LibreBaskerville-Regular.ttf') format('truetype');
+			font-weight: 400;
+			font-style: normal;
+			font-display: swap;
+		}
+
+		@font-face {
+			font-family: 'Libre Baskerville';
+			src: url('/public/fonts/LibreBaskerville-Bold.ttf') format('truetype');
+			font-weight: 700;
+			font-style: normal;
+			font-display: swap;
+		}
+
+		/* Roboto Mono */
+		@font-face {
+			font-family: 'Roboto Mono';
+			src: url('/public/fonts/RobotoMono-Regular.ttf') format('truetype');
+			font-weight: 400;
+			font-style: normal;
+			font-display: swap;
+		}
+
+		@font-face {
+			font-family: 'Roboto Mono';
+			src: url('/public/fonts/RobotoMono-SemiBold.ttf') format('truetype');
+			font-weight: 600;
+			font-style: normal;
+			font-display: swap;
+		}
+
 		html {
 			background: black;
 			color: black;
@@ -102,12 +153,6 @@ head
 		}
 	// endregion
 
-	link(rel="preconnect", href="https://fonts.googleapis.com")
-	link(
-		rel="stylesheet",
-		href="https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"
-	)
-
 	script(async, defer, data-website-id=head.umamiId, src=head.umamiSrc)
 
 	script.