/* ============================================================================ TFCZ · SCHRIFT — Nunito Sans, selbst gehostet (SIL Open Font License) ---------------------------------------------------------------------------- Die Hausschrift kommt aus dem Repo (assets/fonts/), nicht mehr von Google Fonts. Warum: • Ohne Internet (Datei per Doppelklick, offline) war die Schrift weg — dann fiel alles auf eine Systemschrift zurück und Flyer wie Website sahen falsch aus. • Kein Aufruf an Google-Server beim Öffnen einer TFCZ-Seite. • Der PNG-Export rendert nur zuverlässig, was der Browser sicher geladen hat. Einbinden im als ERSTES, vor tfcz-tokens.css: Vorhandene Schnitte: 400 (Regular) · 700 (Bold) · 900 (Black). Die Brand-Gewichte 500 und 800 leitet der Browser aus dem nächstliegenden Schnitt ab. Wer sie exakt braucht: Datei in assets/fonts/ ablegen und hier einen @font-face ergänzen. ============================================================================ */ @font-face{ font-family:'Nunito Sans'; src:url('../fonts/NunitoSans-Regular.woff2') format('woff2'), url('../fonts/NunitoSans-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; /* Text sofort sichtbar, Schrift tauscht nach — kein Blitzen */ } @font-face{ font-family:'Nunito Sans'; src:url('../fonts/NunitoSans-Bold.woff2') format('woff2'), url('../fonts/NunitoSans-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; } @font-face{ font-family:'Nunito Sans'; src:url('../fonts/NunitoSans-Black.woff2') format('woff2'), url('../fonts/NunitoSans-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap; } /* Metrik-angepasste Fallback-Schrift: belegt (fast) exakt denselben Platz wie Nunito Sans, damit der Nachtausch (swap) den Text NICHT mehr umbricht → Layout-Shift/CLS praktisch 0. Gehört im Font-Stack DIREKT nach 'Nunito Sans' (siehe tokens.css --font). Audit-Fix 27.07.2026. */ @font-face{ font-family:'Nunito Sans Fallback'; src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('Liberation Sans'),local('Arimo'); ascent-override:101.06%; descent-override:35.47%; line-gap-override:0%; size-adjust:103%; /* empirisch auf minimalen Layout-Shift getunt (regeln/medien CLS 0.18→0.02) */ }