rm remote fonts

2026-06-25 14:50:41 -05:00
parent 6eec396b8c
commit 49256e83c6
2 changed files with 31 additions and 13 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,30 @@
 import type { Metadata } from "next";
 import Script from "next/script";
+import { Archivo, Inter, Geist_Mono } from "next/font/google";
 import "./globals.css";

+const archivo = Archivo({
+  subsets: ["latin"],
+  weight: ["500", "700", "800"],
+  style: ["normal", "italic"],
+  variable: "--font-archivo",
+  display: "swap",
+});
+
+const inter = Inter({
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+  variable: "--font-body",
+  display: "swap",
+});
+
+const geistMono = Geist_Mono({
+  subsets: ["latin"],
+  weight: ["400", "500", "600"],
+  variable: "--font-mono",
+  display: "swap",
+});
+
 export const metadata: Metadata = {
  title: "WM 26 — Gruppen & K.o.-Baum",
  description:
@@ -15,15 +38,8 @@ export const viewport = {

 export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
-    <html lang="de">
-      <head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
-        <link
-          href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800&family=Archivo+Expanded:wght@700;800&family=Inter:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap"
-          rel="stylesheet"
-        />
-      </head>
+    <html lang="de" className={`${archivo.variable} ${inter.variable} ${geistMono.variable}`}>
+      <head />
      <body>
        {children}
        {process.env.NEXT_PUBLIC_UMAMI_SRC && process.env.NEXT_PUBLIC_UMAMI_ID && (