/* Brunswiek Living — Web-Schriften (selbst gehostet, kein Fremdaufruf) * * Zwei Kandidaten unter SIL Open Font License, beide mit Helvetica-Charakter. * Timo wählt sehend (Plan 2026-09-02-design-website-befehl, Schritt 7). * Umschalten über eine Klasse am : class="font-hanken" | class="font-instrument" * Ohne Klasse gilt Hanken Grotesk (die nächste freie Verwandte von Helvetica). * * Helvetica Now (MyFonts-Pay-As-You-Go-Kit) wird im Web bewusst NICHT geladen: * das Kit verlangt ein Monotype-Zählskript = Fremdaufruf mit Besucher-IP. * Hausschrift für Briefe/PDF bleibt Helvetica Now — siehe LIZENZ-HINWEIS.md. * * Pfade sind relativ zu dieser Datei; im WordPress liegt der ganze Ordner unter * wp-content/uploads/brunswiek-web/ (Plan Schritt 7b). */ @font-face { font-family: "Hanken Grotesk"; src: url("fonts/hankengrotesk/HankenGrotesk-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "Instrument Sans"; src: url("fonts/instrumentsans/InstrumentSans-Variable.woff2") format("woff2"); font-weight: 400 700; font-stretch: 75% 100%; font-style: normal; font-display: swap; } /* Token-Zuordnung je Kandidat. Die Seite benutzt nur --font-display / --font-text / * --font-micro und kennt die Familie nicht — so bleibt der Wechsel eine Zeile. */ :root, html.font-hanken { --font-display: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-text: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-micro: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif; /* Hanken läuft etwas weit — Display leicht enger, Micro leicht weiter (Versalien). */ --tracking-display: -0.02em; --tracking-micro: 0.08em; } html.font-instrument { --font-display: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-text: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-micro: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --tracking-display: -0.015em; --tracking-micro: 0.1em; }