font

src/lib/components/Navbar.svelte

@@ -18,7 +18,7 @@
 
 <style>
 	.navbar {
-		@apply flex items-center justify-between border-slate-200 bg-slate-100 px-6 py-2 drop-shadow;
+		@apply flex items-center justify-between border-slate-200 bg-slate-100 px-6 py-2 font-display drop-shadow;
 	}
 
 	.navbar h1 {

src/routes/+page.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
+	import { goto } from '$app/navigation';
 	import Loader from '$lib/components/Loader.svelte';
 
 	$effect(() => {
 		const id = setTimeout(() => {
-			window.location.href = '/app';
+			goto('/app');
 		}, 1500);
 		return () => {
 			clearTimeout(id);
@@ -21,6 +22,6 @@
 		@apply flex h-screen w-screen flex-col items-center justify-center gap-6 bg-slate-100;
 	}
 	.site-loader h1 {
-		@apply text-4xl;
+		@apply font-display text-4xl;
 	}
 </style>

tailwind.config.ts

@@ -5,8 +5,12 @@ export default {
 	content: ['./src/**/*.{html,js,svelte,ts}'],
 
 	theme: {
-		extend: {}
+		extend: {
+			fontFamily: {
+				display: ['Baskervville SC']
+			}
+		}
 	},
 
 	plugins: [typography]
-} satisfies Config;
+} satisfies Config;