/* ───────────────────────────────────────────────────────────────────────── Self-hosted web fonts — Patch Z-X #50(a) Replaces the three Google Fonts s (preconnect ×2 + the css2 stylesheet) that previously sat in the of every public page. Self-hosting removes the third-party request to fonts.googleapis.com / fonts.gstatic.com — a small privacy win for EU visitors (no Google round-trip / IP leak on page load) and one fewer external dependency. The CSP was tightened to match (style-src and font-src dropped the two Google hosts; 'self' now covers everything). The .woff2 files live in /fonts/ (sibling of /css/). They are NOT in the repo — the operator produces them once via google-webfonts-helper and uploads them; see "Patch Z-X — deploy notes.md" for the exact recipe + rename table. font-display: swap mirrors the old &display=swap — text paints immediately in the Georgia fallback, then swaps to the web font when it loads. If a .woff2 is missing, the page simply keeps the Georgia fallback (see --font-* stacks in style.css) — graceful degradation, never invisible or broken text. Families / weights match what the pages requested: Cinzel 400 500 600 700 (--font-heading) Cinzel Decorative 400 700 (--font-display) EB Garamond 400 500 600 + italic 400 500 600 (--font-body) ───────────────────────────────────────────────────────────────────────── */ /* ── Cinzel (headings) ── */ @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/cinzel-400.woff2') format('woff2'); } @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/cinzel-500.woff2') format('woff2'); } @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/cinzel-600.woff2') format('woff2'); } @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/cinzel-700.woff2') format('woff2'); } /* ── Cinzel Decorative (display) ── */ @font-face { font-family: 'Cinzel Decorative'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/cinzel-decorative-400.woff2') format('woff2'); } @font-face { font-family: 'Cinzel Decorative'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/cinzel-decorative-700.woff2') format('woff2'); } /* ── EB Garamond (body) — normal ── */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/eb-garamond-400.woff2') format('woff2'); } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/eb-garamond-500.woff2') format('woff2'); } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/eb-garamond-600.woff2') format('woff2'); } /* ── EB Garamond (body) — italic ── */ @font-face { font-family: 'EB Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/eb-garamond-400-italic.woff2') format('woff2'); } @font-face { font-family: 'EB Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('/fonts/eb-garamond-500-italic.woff2') format('woff2'); } @font-face { font-family: 'EB Garamond'; font-style: italic; font-weight: 600; font-display: swap; src: url('/fonts/eb-garamond-600-italic.woff2') format('woff2'); }