/* ============================================================ FONTS.CSS — Lokale Schriften (Google Fonts selbst hosten) ANLEITUNG: 1. Lade die Schriften von https://google-webfonts-helper.herokuapp.com herunter (empfohlen: Inter + JetBrains Mono) 2. Lege die .woff2-Dateien in /static/fonts/ ab 3. Entkommentiere die gewünschten Gewichte unten 4. Aktiviere "@import fonts.css" in main.css Nur benötigte Gewichte einbinden → kleinere Dateigrößen! ============================================================ */ /* ---------------------------------------------------------- INTER (System-nahe Sans-Serif, sehr lesbar) Alternativ: Geist, DM Sans, Plus Jakarta Sans, Outfit ---------------------------------------------------------- */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/inter-v13-latin-regular.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/inter-v13-latin-500.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/inter-v13-latin-600.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/inter-v13-latin-700.woff2") format("woff2"); } /* ---------------------------------------------------------- JETBRAINS MONO (Code-Font) Alternativ: Geist Mono, Fira Code, Cascadia Code ---------------------------------------------------------- */ @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/jetbrains-mono-v13-latin-regular.woff2") format("woff2"); } /* ---------------------------------------------------------- ALTERNATIVE: Variable Font (eine Datei für alle Gewichte) Wenn du Inter Variable verwendest: ---------------------------------------------------------- */ /* @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/static/fonts/inter-variable.woff2") format("woff2"); } */ /* ---------------------------------------------------------- FONT OVERRIDE in tokens.css nicht vergessen: :root { --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; } ---------------------------------------------------------- */