Sollte richtig sein aber zu viele fonts

2025-08-06 11:17:40 +02:00
parent da306a8f0f
commit feb3f96984
10 changed files with 2944 additions and 601 deletions
--- a/lib/fonts.js
+++ b/lib/fonts.js
@@ -1,73 +1,314 @@
 // lib/fonts.js
+import {
+  Montserrat,
+  Lato,
+  Raleway,
+  Poppins,
+  Open_Sans,
+  Roboto,
+  Work_Sans,
+  Noto_Sans,
+  Jost,
+  Quicksand,
+  Averia_Libre,
+  Philosopher,
+  Pacifico,
+  Sacramento,
+  Caveat,
+  Dancing_Script,
+  Indie_Flower,
+  Amatic_SC,
+  Kaushan_Script,
+  Architects_Daughter,
+  Neucha,
+  Great_Vibes,
+  Satisfy,
+  Yellowtail,
+  Gloria_Hallelujah,
+  Courgette,
+  Almendra,
+  Oswald,
+  Bebas_Neue,
+  Ultra,
+  Stint_Ultra_Condensed,
+  Playfair_Display,
+  Abril_Fatface,
+  Permanent_Marker,
+  Alfa_Slab_One,
+  Black_Ops_One,
+  Germania_One,
+  Holtwood_One_SC,
+  Exo,
+  Orbitron,
+  Audiowide,
+  Rajdhani,
+  Space_Mono,
+  Questrial,
+  Syncopate,
+  Unica_One,
+  Italiana,
+  Staatliches,
+  Press_Start_2P,
+  Righteous,
+  Metal_Mania,
+  Alegreya,
+  Spectral,
+  Fjalla_One,
+  Glass_Antiqua,
+  Cinzel_Decorative,
+  Andika,
+} from "next/font/google";

-export const fonts = {
-  // 🔤 Modern
-  montserrat: "font-montserrat",
-  lato: "font-lato",
-  raleway: "font-raleway",
-  poppins: "font-poppins",
-  opensans: "font-open-sans",
-  roboto: "font-roboto",
-  worksans: "font-work-sans",
-  notosans: "font-noto-sans",
-  jost: "font-jost",
-  quicksand: "font-quicksand",
-  averialibre: "font-averia-libre",
-  philosopher: "font-philosopher",
+// Moderne Schriftarten
+export const montserrat = Montserrat({
+  subsets: ["latin"],
+  variable: "--font-montserrat",
+});
+export const lato = Lato({ subsets: ["latin"], variable: "--font-lato" });
+export const raleway = Raleway({
+  subsets: ["latin"],
+  variable: "--font-raleway",
+});
+export const poppins = Poppins({
+  subsets: ["latin"],
+  variable: "--font-poppins",
+});
+export const openSans = Open_Sans({
+  subsets: ["latin"],
+  variable: "--font-open-sans",
+});
+export const roboto = Roboto({ subsets: ["latin"], variable: "--font-roboto" });
+export const workSans = Work_Sans({
+  subsets: ["latin"],
+  variable: "--font-work-sans",
+});
+export const notoSans = Noto_Sans({
+  subsets: ["latin"],
+  variable: "--font-noto-sans",
+});
+export const jost = Jost({ subsets: ["latin"], variable: "--font-jost" });
+export const quicksand = Quicksand({
+  subsets: ["latin"],
+  variable: "--font-quicksand",
+});
+export const averiaLibre = Averia_Libre({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-averia-libre",
+});
+export const philosopher = Philosopher({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-philosopher",
+});

-  // ✍️ Handwriting
-  pacifico: "font-pacifico",
-  sacramento: "font-sacramento",
-  caveat: "font-caveat",
-  dancingscript: "font-dancing-script",
-  indieflower: "font-indie-flower",
-  amatic: "font-amatic-sc",
-  kaushan: "font-kaushan-script",
-  architects: "font-architects-daughter",
-  neucha: "font-neucha",
-  greatvibes: "font-great-vibes",
-  satisfy: "font-satisfy",
-  yellowtail: "font-yellowtail",
-  gloria: "font-gloria-hallelujah",
-  courgette: "font-courgette",
-  almendra: "font-almendra",
+// Handschriften
+export const pacifico = Pacifico({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-pacifico",
+});
+export const sacramento = Sacramento({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-sacramento",
+});
+export const caveat = Caveat({ subsets: ["latin"], variable: "--font-caveat" });
+export const dancingScript = Dancing_Script({
+  subsets: ["latin"],
+  variable: "--font-dancing-script",
+});
+export const indieFlower = Indie_Flower({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-indie-flower",
+});
+export const amatic = Amatic_SC({
+  subsets: ["latin"],
+  variable: "--font-amatic-sc",
+});
+export const kaushan = Kaushan_Script({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-kaushan-script",
+});
+export const architects = Architects_Daughter({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-architects-daughter",
+});
+export const neucha = Neucha({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-neucha",
+});
+export const greatVibes = Great_Vibes({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-great-vibes",
+});
+export const satisfy = Satisfy({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-satisfy",
+});
+export const yellowtail = Yellowtail({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-yellowtail",
+});
+export const gloria = Gloria_Hallelujah({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-gloria-hallelujah",
+});
+export const courgette = Courgette({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-courgette",
+});
+export const almendra = Almendra({
+  subsets: ["latin"],
+  variable: "--font-almendra",
+});

-  // 🧑‍🎤 Statement
-  oswald: "font-oswald",
-  bebasneue: "font-bebas-neue",
-  ultra: "font-ultra",
-  stint: "font-stint-ultra-condensed",
-  playfair: "font-playfair-display",
-  abril: "font-abril-fatface",
-  permanentmarker: "font-permanent-marker",
-  alfaslab: "font-alfa-slab-one",
-  blackops: "font-black-ops-one",
-  germania: "font-germania-one",
-  holtwood: "font-holtwood-one-sc",
+// Statement-Schriftarten
+export const oswald = Oswald({ subsets: ["latin"], variable: "--font-oswald" });
+export const bebasNeue = Bebas_Neue({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-bebas-neue",
+});
+export const ultra = Ultra({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-ultra",
+});
+export const stint = Stint_Ultra_Condensed({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-stint-ultra-condensed",
+});
+export const playfair = Playfair_Display({
+  subsets: ["latin"],
+  variable: "--font-playfair-display",
+});
+export const abril = Abril_Fatface({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-abril-fatface",
+});
+export const permanentMarker = Permanent_Marker({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-permanent-marker",
+});
+export const alfaSlab = Alfa_Slab_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-alfa-slab-one",
+});
+export const blackOps = Black_Ops_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-black-ops-one",
+});
+export const germania = Germania_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-germania-one",
+});
+export const holtwood = Holtwood_One_SC({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-holtwood-one-sc",
+});

-  // 🚀 Futuristic
-  exo: "font-exo",
-  orbitron: "font-orbitron",
-  audiowide: "font-audiowide",
-  rajdhani: "font-rajdhani",
-  spacemono: "font-space-mono",
-  questrial: "font-questrial",
-  syncopate: "font-syncopate",
-  unicaone: "font-unica-one",
-  italiana: "font-italiana",
-  staatliches: "font-staatliches",
+// Futuristische Schriftarten
+export const exo = Exo({ subsets: ["latin"], variable: "--font-exo" });
+export const orbitron = Orbitron({
+  subsets: ["latin"],
+  variable: "--font-orbitron",
+});
+export const audiowide = Audiowide({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-audiowide",
+});
+export const rajdhani = Rajdhani({
+  subsets: ["latin"],
+  variable: "--font-rajdhani",
+});
+export const spaceMono = Space_Mono({
+  subsets: ["latin"],
+  variable: "--font-space-mono",
+});
+export const questrial = Questrial({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-questrial",
+});
+export const syncopate = Syncopate({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-syncopate",
+});
+export const unicaOne = Unica_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-unica-one",
+});
+export const italiana = Italiana({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-italiana",
+});
+export const staatliches = Staatliches({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-staatliches",
+});

-  // 🧢 Aesthetic
-  pressstart2p: "font-press-start-2p",
-  righteous: "font-righteous",
-  metalmania: "font-metal-mania",
-  alegreya: "font-alegreya",
-  spectral: "font-spectral",
-  fjallaone: "font-fjalla-one",
-  glassantiqua: "font-glass-antiqua",
-  cinzeldecorative: "font-cinzel-decorative",
-  andika: "font-andika",
-};
-
-export const getFontData = (key) =>
-  fonts[key?.toLowerCase()] ?? fonts["montserrat"];
+// Ästhetische Schriftarten
+export const pressStart2p = Press_Start_2P({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-press-start-2p",
+});
+export const righteous = Righteous({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-righteous",
+});
+export const metalMania = Metal_Mania({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-metal-mania",
+});
+export const alegreya = Alegreya({
+  subsets: ["latin"],
+  variable: "--font-alegreya",
+});
+export const spectral = Spectral({
+  subsets: ["latin"],
+  variable: "--font-spectral",
+});
+export const fjallaOne = Fjalla_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-fjalla-one",
+});
+export const glassAntiqua = Glass_Antiqua({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-glass-antiqua",
+});
+export const cinzelDecorative = Cinzel_Decorative({
+  subsets: ["latin"],
+  variable: "--font-cinzel-decorative",
+});
+export const andika = Andika({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-andika",
+});