diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7fe1c44..221ba50 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,20 +4,32 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 import { DATA } from "@/data/resume";
 import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import localFont from "next/font/local";
 import "./globals.css";
 import { FlickeringGrid } from "@/components/magicui/flickering-grid";
 
-const geist = Geist({
-  subsets: ["latin"],
+const geist = localFont({
+  src: [
+    {
+      path: "../../public/fonts/CabinetGrotesk-Medium.ttf",
+      weight: "500",
+      style: "normal",
+    },
+  ],
   variable: "--font-sans",
-  weight: ["400", "500", "600", "700"],
+  display: "swap",
 });
 
-const geistMono = Geist_Mono({
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const geistMono = localFont({
+  src: [
+    {
+      path: "../../public/fonts/ClashDisplay-Semibold.ttf",
+      weight: "600",
+      style: "normal",
+    },
+  ],
   variable: "--font-mono",
+  display: "swap",
 });
 
 export const metadata: Metadata = {