Initial commit

tailwind.config.js

@@ -1,29 +1,57 @@
-// tailwind.config.js
-import { fonts } from "./lib/fonts.js";
-
-const fontFamily = Object.fromEntries(
-  Object.entries(fonts)
-    .filter(([, d]) => d?.variable)
-    .map(([name, d]) => [
-      name.toLowerCase().replace(/\s+/g, ""),
-      [`var(${d.variable})`],
-    ])
-);
-
-export default {
+/** @type {import('tailwindcss').Config} */
+module.exports = {
   content: [
     "./pages/**/*.{js,jsx,ts,tsx}",
     "./components/**/*.{js,jsx,ts,tsx}",
     "./lib/**/*.{js,jsx,ts,tsx}",
     "./styles/**/*.{css,js}",
   ],
-  theme: { extend: { fontFamily } },
+  theme: {
+    extend: {
+      fontFamily: {
+        montserrat: ["'Montserrat'", "sans-serif"],
+        bebasneue: ["'Bebas Neue'", "cursive"],
+        pacifico: ["'Pacifico'", "cursive"],
+        caveat: ["'Caveat'", "cursive"],
+        fredokaone: ["'Fredoka One'", "cursive"],
+        playfair: ["'Playfair Display'", "serif"],
+        vt323: ["'VT323'", "monospace"],
+        amaticsc: ["'Amatic SC'", "cursive"],
+        architectsdaughter: ["'Architects Daughter'", "cursive"],
+        averialibre: ["'Averia Libre'", "cursive"],
+        blackopsone: ["'Black Ops One'", "sans-serif"],
+        cinzeldecorative: ["'Cinzel Decorative'", "serif"],
+        courgette: ["'Courgette'", "cursive"],
+        dancingscript: ["'Dancing Script'", "cursive"],
+        fjallaone: ["'Fjalla One'", "sans-serif"],
+        germaniaone: ["'Germania One'", "serif"],
+        glassantiqua: ["'Glass Antiqua'", "cursive"],
+        greatvibes: ["'Great Vibes'", "cursive"],
+        neucha: ["'Neucha'", "cursive"],
+        notosans: ["'Noto Sans'", "sans-serif"],
+        philosopher: ["'Philosopher'", "sans-serif"],
+        pressstart2p: ["'Press Start 2P'", "monospace"],
+        righteous: ["'Righteous'", "cursive"],
+        satisfy: ["'Satisfy'", "cursive"],
+        sacramento: ["'Sacramento'", "cursive"],
+        syncopate: ["'Syncopate'", "sans-serif"],
+        orbitron: ["'Orbitron'", "sans-serif"],
+        ultra: ["'Ultra'", "serif"],
+        staatliches: ["'Staatliches'", "sans-serif"],
+        unicaone: ["'Unica One'", "sans-serif"],
+        italiana: ["'Italiana'", "serif"],
+        alfaslabone: ["'Alfa Slab One'", "serif"],
+        andika: ["'Andika'", "sans-serif"],
+        alegreya: ["'Alegreya'", "serif"],
+        spectral: ["'Spectral'", "serif"],
+      },
+    },
+  },
   plugins: [],
-  // <<< Hier kommt die Safelist >>>
   safelist: [
     {
       pattern: /^font-/,
-      variants: ["sm", "md", "lg", "xl"], // optional, falls responsive Klassen gebraucht werden
+      variants: ["sm", "md", "lg", "xl"],
     },
   ],
 };