diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8806665..cfd17c8 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,12 @@
 import type { Metadata } from "next";
-import { DM_Serif_Display } from "next/font/google";
+import { Mulish } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const dmSerifDisplay = DM_Serif_Display({
-  variable: "--font-dm-serif-display",
+const mulish = Mulish({
+  variable: "--font-mulish",
   subsets: ["latin"],
-  weight: ["400"],
 });
 
 export const metadata: Metadata = {
@@ -52,7 +51,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body
-          className={dmSerifDisplay.variable}
+          className={mulish.variable}
         >
           <Tag />
           {children}
