feat: フォントをNotoSansJPに変更

tskaigi · Jan 7, 2025 · b62f059 · b62f059
1 parent 4d5e62e
commit b62f059
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -6,11 +6,13 @@ import "./globals.css";
 const outfit = Outfit({
   subsets: ["latin"],
   variable: "--font-outfit",
+  display: "swap",
 });
 
 const notoSansJP = Noto_Sans_JP({
   subsets: ["latin"],
   variable: "--font-noto",
+  display: "swap",
 });
 
 export const metadata: Metadata = {
@@ -64,7 +66,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="ja" suppressHydrationWarning>
-      <body className={`${outfit.variable} ${notoSansJP.variable} font-sans`}>
+      <body className={`${outfit.variable} ${notoSansJP.variable} font-noto`}>
         {children}
       </body>
     </html>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -102,6 +102,10 @@ const config: Config = {
         },
         border: "hsl(var(--border))",
       },
+      fontFamily: {
+        outfit: ["var(--font-outfit)"],
+        noto: ["var(--font-noto)"],
+      },
     },
   },
   plugins: [require("tailwindcss-animate")],