feat: add fontless to use custom fonts

Author: mohammedzamakhan

app/routes/_marketing+/index.tsx

@@ -50,7 +50,7 @@ export default function Index() {
 					</a>
 					<h1
 						data-heading
-						className="animate-slide-top text-foreground xl:animate-slide-left mt-8 text-4xl font-medium [animation-delay:0.3s] [animation-fill-mode:backwards] md:text-5xl xl:mt-4 xl:text-6xl xl:[animation-delay:0.8s] xl:[animation-fill-mode:backwards]"
+						className="animate-slide-top text-foreground xl:animate-slide-left mt-8 text-4xl font-medium [animation-delay:0.3s] [animation-fill-mode:backwards] md:text-5xl xl:mt-4 xl:text-6xl xl:[animation-delay:0.8s] xl:[animation-fill-mode:backwards] font-title"
 					>
 						<a href="https://www.epicweb.dev/stack">The Epic Stack</a>
 					</h1>

app/styles/tailwind.css

@@ -3,6 +3,10 @@
 
 @custom-variant dark (&:is(.dark *));
 
+.font-title {
+	font-family: "Panchang", sans-serif;
+}
+
 :root {
 	--radius: 0.5rem;