/* BauDiktat-Schriften, lokal ausgeliefert. * * WARUM NICHT VON GOOGLE: * 1. Das Stylesheet von fonts.googleapis.com stand im und blockierte den * Seitenaufbau. Ist der Dienst im Kundennetz gesperrt oder langsam (Proxy, * Werbeblocker), steht der Anwender vor einer weissen Seite, bis die Anfrage * in den Zeitablauf laeuft — genau die Sorte "die Seite laedt ewig", die man * nirgends im eigenen Code findet. * 2. Dasselbe Muster hatten wir schon zweimal: jszip und pdf.js liegen aus * demselben Grund im Haus. Auf der Baustelle ohne Empfang ist ein CDN nichts * wert. * 3. Deutsche Kundschaft: beim Abruf von Google Fonts geht die IP-Adresse des * Anwenders an einen Drittanbieter. Lokal ausgeliefert stellt sich die Frage * gar nicht erst. * * Nur die tatsaechlich benutzten Schnitte und nur der Latin-Zeichensatz — * zusammen rund 140 KB, einmal geladen und dann aus dem Cache. * Quelle: @fontsource (DM Sans, DM Mono, Syne), alle unter der SIL Open Font * License; die Lizenztexte liegen daneben. * * font-display:swap wie bei Google: erst die Systemschrift, dann umschalten — * der Text ist also sofort lesbar und nie unsichtbar. */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('/vendor/fonts/dm-sans-latin-300-normal.woff2') format('woff2'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/vendor/fonts/dm-sans-latin-400-normal.woff2') format('woff2'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/vendor/fonts/dm-sans-latin-500-normal.woff2') format('woff2'); } /* 600 nur auf den Marketing-Seiten (pwa/www) — der Vollstaendigkeit halber mit dabei, damit EINE Datei fuer alle Seiten reicht. */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('/vendor/fonts/dm-sans-latin-600-normal.woff2') format('woff2'); } @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/vendor/fonts/dm-mono-latin-400-normal.woff2') format('woff2'); } @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/vendor/fonts/dm-mono-latin-500-normal.woff2') format('woff2'); } @font-face { font-family: 'Syne'; font-style: normal; font-weight: 700; font-display: swap; src: url('/vendor/fonts/syne-latin-700-normal.woff2') format('woff2'); } @font-face { font-family: 'Syne'; font-style: normal; font-weight: 800; font-display: swap; src: url('/vendor/fonts/syne-latin-800-normal.woff2') format('woff2'); }