design

2026-01-29 21:50:28 +01:00
parent eafb740b1d
commit ae303d8a5a
12 changed files with 88 additions and 93 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,5 @@
 import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
+import { Inter, Newsreader } from 'next/font/google';
 import './globals.css';
 import { Footer } from '../src/components/Footer';
 import { Header } from '../src/components/Header';
@@ -8,6 +8,12 @@ import { InteractiveElements } from '../src/components/InteractiveElements';
 import { Analytics } from '../src/components/Analytics';

 const inter = Inter({ subsets: ['latin'], variable: '--font-inter' });
+const newsreader = Newsreader({
+  subsets: ['latin'],
+  variable: '--font-newsreader',
+  style: 'italic',
+  display: 'swap',
+});

 export const metadata: Metadata = {
  title: {
@@ -24,7 +30,7 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en" className={`${inter.variable}`}>
+    <html lang="en" className={`${inter.variable} ${newsreader.variable}`}>
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />