/* apps/website/fonts.css * * Self-hosted web fonts — replaces the Google Fonts previously * loaded from fonts.googleapis.com. Eliminates the render-blocking * critical-path request that PageSpeed Insights flagged (~1,750 ms * estimated savings on mobile) and tightens CSP (no third-party * font/style hosts required). * * Files served from same origin (/fonts/*.woff2). 3 woff2 files in this * file (italic + 2× DM Mono); the 2 critical above-the-fold faces * (Syne variable + DM Sans variable normal) are inlined into the * of index.html + privacy.html so render is never blocked on * this stylesheet. * * font-display: optional — no FOIT; fallback used on first paint if * web font isn't ready in ~100ms; subsequent navigations use cached. * * Latin subset only. */ /* DM Sans — variable italic (used by h1 em + occasional text emphasis) */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 300 500; font-display: optional; src: url('/fonts/dm-sans-italic-variable.woff2') format('woff2'); } /* DM Mono — static 400 (used for opt-tag, step-item, meta) */ @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: optional; src: url('/fonts/dm-mono-400.woff2') format('woff2'); } /* DM Mono — static 500 (used for status-chip + meta strong) */ @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 500; font-display: optional; src: url('/fonts/dm-mono-500.woff2') format('woff2'); }