fixed font for production

sn163 · Apr 19, 2024 · 8508a9a · 8508a9a
1 parent 18482e2
commit 8508a9a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,7 +1,6 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@import url("https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Rowdies:wght@300;400;700&display=swap");
 
 :root {

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,10 +1,15 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Inter, Rowdies } from "next/font/google";
 import "./globals.css";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import NavBar from "./_components/Navbar";
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
+const rowdies = Rowdies({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-rowdies",
+});
 
 export const metadata: Metadata = {
   title: "Pomoparty",
@@ -18,7 +23,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={inter.className}>
+      <body className={`${inter.variable} ${rowdies.variable}`}>
         <NavBar />
         {children}
         <SpeedInsights />

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -16,7 +16,7 @@ const config: Config = {
         neutral: colors.neutral,
       },
       fontFamily: {
-        title: "Rowdies",
+        title: ["var(--font-rowdies)"],
       },
       backgroundImage: {
         "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",