/* Harthena — self-hosted font face declarations. Drop into /fonts/fonts.css and link from each HTML . Download the woff2 files from Google Fonts (one-time): • Fraunces: https://fonts.google.com/specimen/Fraunces Use the "Variable" download. Save as: /fonts/Fraunces-VariableFont.woff2 /fonts/Fraunces-Italic-VariableFont.woff2 (optional) • Inter: https://fonts.google.com/specimen/Inter Variable. Save as: /fonts/InterVariable.woff2 Why self-host: GDPR-cleaner (no Google Fonts hit from EU users), one less network dependency, and your service worker caches them locally after the first load. */ @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/fonts/Fraunces-VariableFont.woff2") format("woff2-variations"); font-variation-settings: "SOFT" 60; } @font-face { font-family: "Fraunces"; font-style: italic; font-weight: 300 700; font-display: swap; src: url("/fonts/Fraunces-Italic-VariableFont.woff2") format("woff2-variations"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable.woff2") format("woff2-variations"); }