diff --git a/src/lib/components/Navbar/Navbar.svelte b/src/lib/components/Navbar/Navbar.svelte
index 615deb7..993869b 100644
--- a/src/lib/components/Navbar/Navbar.svelte
+++ b/src/lib/components/Navbar/Navbar.svelte
@@ -27,7 +27,7 @@
 </script>
 
 <nav
-	class="h-16 lg:h-24 bg-background bg-opacity-50 backdrop-blur-lg fixed w-full z-40 font-display"
+	class="h-16 lg:h-24 bg-background bg-opacity-50 backdrop-blur-lg fixed w-full z-40 font-serif tracking-tight"
 >
 	<div class="container mx-auto flex justify-between items-center h-full gap-6 overflow-x-auto">
 		<Drawer />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b94183e..1ea02f5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -15,7 +15,9 @@
 <main class="dots-background">
 	<div class="container max-w-5xl mx-auto py-14 px-4 sm:px-8 justify-center">
 		<Typewriter mode="scramble" scrambleDuration={750}>
-			<h1 class="text-5xl sm:text-6xl font-bold text-center mt-14 sm:mt-20 font-display">
+			<h1
+				class="text-5xl tracking-tight sm:text-6xl font-bold text-center mt-14 sm:mt-20 font-serif"
+			>
 				👋 Hi, I'm Youwen,
 			</h1>
 		</Typewriter>