diff --git a/apps/web/public/fonts/IntroDemoBlackCaps.woff b/apps/web/public/fonts/IntroDemoBlackCaps.woff
new file mode 100644
index 0000000..f8208b7
Binary files /dev/null and b/apps/web/public/fonts/IntroDemoBlackCaps.woff differ
diff --git a/apps/web/public/fonts/IntroDemoBlackCapsInline.woff b/apps/web/public/fonts/IntroDemoBlackCapsInline.woff
new file mode 100644
index 0000000..7b2f312
Binary files /dev/null and b/apps/web/public/fonts/IntroDemoBlackCapsInline.woff differ
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 3f9164d..8b71e96 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -1,12 +1,24 @@
 @import "tailwindcss";
-@import url("https://fonts.cdnfonts.com/css/intro");
 
-/* Intro font family */
+/* Intro font family - Self hosted */
 @font-face {
 	font-family: "Intro";
-	src: local("Intro"), local("Intro Regular");
+	src:
+		local("Intro Demo"),
+		url("/fonts/IntroDemoBlackCaps.woff") format("woff");
 	font-weight: 400;
 	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: "Intro Inline";
+	src:
+		local("Intro Demo"),
+		url("/fonts/IntroDemoBlackCapsInline.woff") format("woff");
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap;
 }
 
 /* Smooth scrolling for the entire page */