diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0bdd70d..4e77a50 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -47,6 +47,11 @@ const figtree = Figtree({
   subsets: ["latin"],
 });
 
+const outfit = Outfit({
+  variable: "--font-outfit",
+  subsets: ["latin"],
+});
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -55,7 +60,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${figtree.variable} antialiased`}>
+        <body className={`${outfit.variable} antialiased`}>
           <Tag />
           {children}
         
