From 2d2c2db2614c85075f9682dc3f13540d43d72f26 Mon Sep 17 00:00:00 2001
From: Timo Knuth <knuth.timo@gmail.com>
Date: Mon, 4 Aug 2025 22:17:34 +0200
Subject: [PATCH] Fonts werden teilweise geladen

---
 lib/tailwind‑font‑map.js |  54 +++++-----
 styles/local-fonts.css   | 228 +++++++++++++++++++--------------------
 2 files changed, 141 insertions(+), 141 deletions(-)

diff --git a/lib/tailwind‑font‑map.js b/lib/tailwind‑font‑map.js
index 6e29ae2..2e3655f 100644
--- a/lib/tailwind‑font‑map.js
+++ b/lib/tailwind‑font‑map.js
@@ -8,61 +8,61 @@ export default {
   lato: "--font-lato",
   raleway: "--font-raleway",
   poppins: "--font-poppins",
-  opensans: "--font-opensans",
+  "open-sans": "--font-open-sans",
   roboto: "--font-roboto",
-  worksans: "--font-worksans",
-  notosans: "--font-notosans",
+  "work-sans": "--font-work-sans",
+  "noto-sans": "--font-noto-sans",
   jost: "--font-jost",
   quicksand: "--font-quicksand",
-  averialibre: "--font-averialibre",
+  "averia-libre": "--font-averia-libre",
   philosopher: "--font-philosopher",
 
   pacifico: "--font-pacifico",
   sacramento: "--font-sacramento",
   caveat: "--font-caveat",
-  dancingscript: "--font-dancingscript",
-  indieflower: "--font-indieflower",
-  amaticsc: "--font-amatic",
-  kaushanscript: "--font-kaushan",
-  architectsdaughter: "--font-architects",
+  "dancing-script": "--font-dancing-script",
+  "indie-flower": "--font-indie-flower",
+  "amatic-sc": "--font-amatic-sc",
+  "kaushan-script": "--font-kaushan-script",
+  "architects-daughter": "--font-architects-daughter",
   neucha: "--font-neucha",
-  greatvibes: "--font-greatvibes",
+  "great-vibes": "--font-great-vibes",
   satisfy: "--font-satisfy",
   yellowtail: "--font-yellowtail",
-  gloriahallelujah: "--font-gloria",
+  "gloria-hallelujah": "--font-gloria-hallelujah",
 
   oswald: "--font-oswald",
-  bebasneue: "--font-bebasneue",
+  "bebas-neue": "--font-bebas-neue",
   ultra: "--font-ultra",
-  stintultracondensed: "--font-stint",
-  playfairdisplay: "--font-playfair",
-  abrilfatface: "--font-abril",
-  permanentmarker: "--font-permanentmarker",
-  alfaslabone: "--font-alfaslab",
-  blackopsone: "--font-blackops",
-  germaniaone: "--font-germania",
-  holtwoodonesc: "--font-holtwood",
+  "stint-ultra-condensed": "--font-stint-ultra-condensed",
+  "playfair-display": "--font-playfair-display",
+  "abril-fatface": "--font-abril-fatface",
+  "permanent-marker": "--font-permanent-marker",
+  "alfa-slab-one": "--font-alfa-slab-one",
+  "black-ops-one": "--font-black-ops-one",
+  "germania-one": "--font-germania-one",
+  "holtwood-one-sc": "--font-holtwood-one-sc",
   courgette: "--font-courgette",
 
   exo: "--font-exo",
   orbitron: "--font-orbitron",
   audiowide: "--font-audiowide",
   rajdhani: "--font-rajdhani",
-  spacemono: "--font-spacemono",
+  "space-mono": "--font-space-mono",
   questrial: "--font-questrial",
   syncopate: "--font-syncopate",
-  unicaone: "--font-unicaone",
+  "unica-one": "--font-unica-one",
   italiana: "--font-italiana",
   staatliches: "--font-staatliches",
 
-  pressstart2p: "--font-pressstart2p",
+  "press-start-2p": "--font-press-start-2p",
   righteous: "--font-righteous",
-  metalmania: "--font-metalmania",
+  "metal-mania": "--font-metal-mania",
   alegreya: "--font-alegreya",
   spectral: "--font-spectral",
-  fjallaone: "--font-fjallaone",
-  glassantiqua: "--font-glassantiqua",
-  cinzeldecorative: "--font-cinzeldecorative",
+  "fjalla-one": "--font-fjalla-one",
+  "glass-antiqua": "--font-glass-antiqua",
+  "cinzel-decorative": "--font-cinzel-decorative",
   andika: "--font-andika",
   almendra: "--font-almendra",
 };
diff --git a/styles/local-fonts.css b/styles/local-fonts.css
index 2f7e251..1d548f9 100644
--- a/styles/local-fonts.css
+++ b/styles/local-fonts.css
@@ -4,343 +4,343 @@
 
 /* ========== FONT-FACE DEFINITIONS ========== */
 @font-face {
-  font-family: "Abrilfatface";
+  font-family: "abril-fatface";
   src: url("/fonts/abril-fatface.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Alegreya";
+  font-family: "alegreya";
   src: url("/fonts/alegreya.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Alfaslabone";
+  font-family: "alfa-slab-one";
   src: url("/fonts/alfa-slab-one.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Almendra";
+  font-family: "almendra";
   src: url("/fonts/almendra.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Amaticsc";
+  font-family: "amatic-sc";
   src: url("/fonts/amatic-sc.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Andika";
+  font-family: "andika";
   src: url("/fonts/andika.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Architectsdaughter";
+  font-family: "architects-daughter";
   src: url("/fonts/architects-daughter.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Audiowide";
+  font-family: "audiowide";
   src: url("/fonts/audiowide.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Averialibre";
+  font-family: "averia-libre";
   src: url("/fonts/averia-libre.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Bebasneue";
+  font-family: "bebas-neue";
   src: url("/fonts/bebas-neue.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Blackopsone";
+  font-family: "black-ops-one";
   src: url("/fonts/black-ops-one.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Caveat";
+  font-family: "caveat";
   src: url("/fonts/caveat.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Cinzeldecorative";
+  font-family: "cinzel-decorative";
   src: url("/fonts/cinzel-decorative.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Courgette";
+  font-family: "courgette";
   src: url("/fonts/courgette.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Dancingscript";
+  font-family: "dancing-script";
   src: url("/fonts/dancing-script.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Exo";
+  font-family: "exo";
   src: url("/fonts/exo.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Fjallaone";
+  font-family: "fjalla-one";
   src: url("/fonts/fjalla-one.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Germaniaone";
+  font-family: "germania-one";
   src: url("/fonts/germania-one.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Glassantiqua";
+  font-family: "glass-antiqua";
   src: url("/fonts/glass-antiqua.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Gloriahallelujah";
+  font-family: "gloria-hallelujah";
   src: url("/fonts/gloria-hallelujah.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Greatvibes";
+  font-family: "great-vibes";
   src: url("/fonts/great-vibes.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Holtwoodonesc";
+  font-family: "holtwood-one-sc";
   src: url("/fonts/holtwood-one-sc.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Indieflower";
+  font-family: "indie-flower";
   src: url("/fonts/indie-flower.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Italiana";
+  font-family: "italiana";
   src: url("/fonts/italiana.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Jost";
+  font-family: "jost";
   src: url("/fonts/jost.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Kaushanscript";
+  font-family: "kaushan-script";
   src: url("/fonts/kaushan-script.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Lato";
+  font-family: "lato";
   src: url("/fonts/lato.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Metalmania";
+  font-family: "metal-mania";
   src: url("/fonts/metal-mania.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Montserrat";
+  font-family: "montserrat";
   src: url("/fonts/montserrat.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Neucha";
+  font-family: "neucha";
   src: url("/fonts/neucha.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Notosans";
+  font-family: "noto-sans";
   src: url("/fonts/noto-sans.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Opensans";
+  font-family: "open-sans";
   src: url("/fonts/open-sans.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Orbitron";
+  font-family: "orbitron";
   src: url("/fonts/orbitron.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Oswald";
+  font-family: "oswald";
   src: url("/fonts/oswald.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Pacifico";
+  font-family: "pacifico";
   src: url("/fonts/pacifico.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Permanentmarker";
+  font-family: "permanent-marker";
   src: url("/fonts/permanent-marker.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Philosopher";
+  font-family: "philosopher";
   src: url("/fonts/philosopher.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Playfairdisplay";
+  font-family: "playfair-display";
   src: url("/fonts/playfair-display.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Poppins";
+  font-family: "poppins";
   src: url("/fonts/poppins.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Pressstart2P";
+  font-family: "press-start-2p";
   src: url("/fonts/press-start-2p.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Questrial";
+  font-family: "questrial";
   src: url("/fonts/questrial.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Quicksand";
+  font-family: "quicksand";
   src: url("/fonts/quicksand.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Rajdhani";
+  font-family: "rajdhani";
   src: url("/fonts/rajdhani.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Raleway";
+  font-family: "raleway";
   src: url("/fonts/raleway.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Righteous";
+  font-family: "righteous";
   src: url("/fonts/righteous.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Roboto";
+  font-family: "roboto";
   src: url("/fonts/roboto.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Sacramento";
+  font-family: "sacramento";
   src: url("/fonts/sacramento.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Satisfy";
+  font-family: "satisfy";
   src: url("/fonts/satisfy.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Spacemono";
+  font-family: "space-mono";
   src: url("/fonts/space-mono.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Spectral";
+  font-family: "spectral";
   src: url("/fonts/spectral.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Staatliches";
+  font-family: "staatliches";
   src: url("/fonts/staatliches.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Stintultracondensed";
+  font-family: "stint-ultra-condensed";
   src: url("/fonts/stint-ultra-condensed.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Syncopate";
+  font-family: "syncopate";
   src: url("/fonts/syncopate.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Ultra";
+  font-family: "ultra";
   src: url("/fonts/ultra.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Unicaone";
+  font-family: "unica-one";
   src: url("/fonts/unica-one.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Worksans";
+  font-family: "work-sans";
   src: url("/fonts/work-sans.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
-  font-family: "Yellowtail";
+  font-family: "yellowtail";
   src: url("/fonts/yellowtail.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
@@ -349,174 +349,174 @@
 /* ========== TAILWIND UTILITY CLASSES ========== */
 @layer utilities {
   .font-abril-fatface {
-    font-family: "Abrilfatface", sans-serif;
+    font-family: "abril-fatface", sans-serif;
   }
   .font-alegreya {
-    font-family: "Alegreya", sans-serif;
+    font-family: "alegreya", sans-serif;
   }
   .font-alfa-slab-one {
-    font-family: "Alfaslabone", sans-serif;
+    font-family: "alfa-slab-one", sans-serif;
   }
   .font-almendra {
-    font-family: "Almendra", sans-serif;
+    font-family: "almendra", sans-serif;
   }
   .font-amatic-sc {
-    font-family: "Amaticsc", sans-serif;
+    font-family: "amatic-sc", sans-serif;
   }
   .font-andika {
-    font-family: "Andika", sans-serif;
+    font-family: "andika", sans-serif;
   }
   .font-architects-daughter {
-    font-family: "Architectsdaughter", sans-serif;
+    font-family: "architects-daughter", sans-serif;
   }
   .font-audiowide {
-    font-family: "Audiowide", sans-serif;
+    font-family: "audiowide", sans-serif;
   }
   .font-averia-libre {
-    font-family: "Averialibre", sans-serif;
+    font-family: "averia-libre", sans-serif;
   }
   .font-bebas-neue {
-    font-family: "Bebasneue", sans-serif;
+    font-family: "bebas-neue", sans-serif;
   }
   .font-black-ops-one {
-    font-family: "Blackopsone", sans-serif;
+    font-family: "black-ops-one", sans-serif;
   }
   .font-caveat {
-    font-family: "Caveat", sans-serif;
+    font-family: "caveat", sans-serif;
   }
   .font-cinzel-decorative {
-    font-family: "Cinzeldecorative", sans-serif;
+    font-family: "cinzel-decorative", sans-serif;
   }
   .font-courgette {
-    font-family: "Courgette", sans-serif;
+    font-family: "courgette", sans-serif;
   }
   .font-dancing-script {
-    font-family: "Dancingscript", sans-serif;
+    font-family: "dancing-script", sans-serif;
   }
   .font-exo {
-    font-family: "Exo", sans-serif;
+    font-family: "exo", sans-serif;
   }
   .font-fjalla-one {
-    font-family: "Fjallaone", sans-serif;
+    font-family: "fjalla-one", sans-serif;
   }
   .font-germania-one {
-    font-family: "Germaniaone", sans-serif;
+    font-family: "germania-one", sans-serif;
   }
   .font-glass-antiqua {
-    font-family: "Glassantiqua", sans-serif;
+    font-family: "glass-antiqua", sans-serif;
   }
   .font-gloria-hallelujah {
-    font-family: "Gloriahallelujah", sans-serif;
+    font-family: "gloria-hallelujah", sans-serif;
   }
   .font-great-vibes {
-    font-family: "Greatvibes", sans-serif;
+    font-family: "great-vibes", sans-serif;
   }
   .font-holtwood-one-sc {
-    font-family: "Holtwoodonesc", sans-serif;
+    font-family: "holtwood-one-sc", sans-serif;
   }
   .font-indie-flower {
-    font-family: "Indieflower", sans-serif;
+    font-family: "indie-flower", sans-serif;
   }
   .font-italiana {
-    font-family: "Italiana", sans-serif;
+    font-family: "italiana", sans-serif;
   }
   .font-jost {
-    font-family: "Jost", sans-serif;
+    font-family: "jost", sans-serif;
   }
   .font-kaushan-script {
-    font-family: "Kaushanscript", sans-serif;
+    font-family: "kaushan-script", sans-serif;
   }
   .font-lato {
-    font-family: "Lato", sans-serif;
+    font-family: "lato", sans-serif;
   }
   .font-metal-mania {
-    font-family: "Metalmania", sans-serif;
+    font-family: "metal-mania", sans-serif;
   }
   .font-montserrat {
-    font-family: "Montserrat", sans-serif;
+    font-family: "montserrat", sans-serif;
   }
   .font-neucha {
-    font-family: "Neucha", sans-serif;
+    font-family: "neucha", sans-serif;
   }
   .font-noto-sans {
-    font-family: "Notosans", sans-serif;
+    font-family: "noto-sans", sans-serif;
   }
   .font-open-sans {
-    font-family: "Opensans", sans-serif;
+    font-family: "open-sans", sans-serif;
   }
   .font-orbitron {
-    font-family: "Orbitron", sans-serif;
+    font-family: "orbitron", sans-serif;
   }
   .font-oswald {
-    font-family: "Oswald", sans-serif;
+    font-family: "oswald", sans-serif;
   }
   .font-pacifico {
-    font-family: "Pacifico", sans-serif;
+    font-family: "pacifico", sans-serif;
   }
   .font-permanent-marker {
-    font-family: "Permanentmarker", sans-serif;
+    font-family: "permanent-marker", sans-serif;
   }
   .font-philosopher {
-    font-family: "Philosopher", sans-serif;
+    font-family: "philosopher", sans-serif;
   }
   .font-playfair-display {
-    font-family: "Playfairdisplay", sans-serif;
+    font-family: "playfair-display", sans-serif;
   }
   .font-poppins {
-    font-family: "Poppins", sans-serif;
+    font-family: "poppins", sans-serif;
   }
   .font-press-start-2p {
-    font-family: "Pressstart2P", sans-serif;
+    font-family: "press-start-2p", sans-serif;
   }
   .font-questrial {
-    font-family: "Questrial", sans-serif;
+    font-family: "questrial", sans-serif;
   }
   .font-quicksand {
-    font-family: "Quicksand", sans-serif;
+    font-family: "quicksand", sans-serif;
   }
   .font-rajdhani {
-    font-family: "Rajdhani", sans-serif;
+    font-family: "rajdhani", sans-serif;
   }
   .font-raleway {
-    font-family: "Raleway", sans-serif;
+    font-family: "raleway", sans-serif;
   }
   .font-righteous {
-    font-family: "Righteous", sans-serif;
+    font-family: "righteous", sans-serif;
   }
   .font-roboto {
-    font-family: "Roboto", sans-serif;
+    font-family: "roboto", sans-serif;
   }
   .font-sacramento {
-    font-family: "Sacramento", sans-serif;
+    font-family: "sacramento", sans-serif;
   }
   .font-satisfy {
-    font-family: "Satisfy", sans-serif;
+    font-family: "satisfy", sans-serif;
   }
   .font-space-mono {
-    font-family: "Spacemono", sans-serif;
+    font-family: "space-mono", sans-serif;
   }
   .font-spectral {
-    font-family: "Spectral", sans-serif;
+    font-family: "spectral", sans-serif;
   }
   .font-staatliches {
-    font-family: "Staatliches", sans-serif;
+    font-family: "staatliches", sans-serif;
   }
   .font-stint-ultra-condensed {
-    font-family: "Stintultracondensed", sans-serif;
+    font-family: "stint-ultra-condensed", sans-serif;
   }
   .font-syncopate {
-    font-family: "Syncopate", sans-serif;
+    font-family: "syncopate", sans-serif;
   }
   .font-ultra {
-    font-family: "Ultra", sans-serif;
+    font-family: "ultra", sans-serif;
   }
   .font-unica-one {
-    font-family: "Unicaone", sans-serif;
+    font-family: "unica-one", sans-serif;
   }
   .font-work-sans {
-    font-family: "Worksans", sans-serif;
+    font-family: "work-sans", sans-serif;
   }
   .font-yellowtail {
-    font-family: "Yellowtail", sans-serif;
+    font-family: "yellowtail", sans-serif;
   }
 }