diff --git a/app/globals.css b/app/globals.css index 8dd5001..a910002 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,5 +1,22 @@ +@import "@fontsource/dm-sans/400.css"; +@import "@fontsource/dm-sans/500.css"; +@import "@fontsource/dm-sans/600.css"; +@import "@fontsource/dm-sans/700.css"; +@import "@fontsource/plus-jakarta-sans/500.css"; +@import "@fontsource/plus-jakarta-sans/600.css"; +@import "@fontsource/plus-jakarta-sans/700.css"; +@import "@fontsource/plus-jakarta-sans/800.css"; +@import "@fontsource/source-serif-4/400.css"; +@import "@fontsource/source-serif-4/500.css"; +@import "@fontsource/source-serif-4/600.css"; @import "tailwindcss"; +:root { + --font-dm-sans: "DM Sans", system-ui, sans-serif; + --font-plus-jakarta: "Plus Jakarta Sans", system-ui, sans-serif; + --font-source-serif: "Source Serif 4", Georgia, serif; +} + @custom-variant dark (&:where(.dark, .dark *)); /* Light theme — defaults (overridden by inline vars on when toggling) */ diff --git a/app/layout.tsx b/app/layout.tsx index a5b788f..6ea1d4d 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,27 +1,8 @@ import type { Metadata } from "next"; import Script from "next/script"; -import { DM_Sans, Plus_Jakarta_Sans, Source_Serif_4 } from "next/font/google"; import "./globals.css"; import { ebookMeta } from "@/content/ebook"; -const dmSans = DM_Sans({ - variable: "--font-dm-sans", - subsets: ["latin"], - weight: ["400", "500", "600", "700"], -}); - -const plusJakarta = Plus_Jakarta_Sans({ - variable: "--font-plus-jakarta", - subsets: ["latin"], - weight: ["500", "600", "700", "800"], -}); - -const sourceSerif = Source_Serif_4({ - variable: "--font-source-serif", - subsets: ["latin"], - weight: ["400", "500", "600"], -}); - export const metadata: Metadata = { title: `${ebookMeta.title} — Free Digital Nomad Ebook`, description: ebookMeta.subtitle, @@ -49,7 +30,7 @@ export default function RootLayout({