/* Vintage Blade — Webfonts Block-slab vintage barbershop type system. Self-hosted (latin subset, woff2) from assets/fonts/. These previously came from the Google Fonts CDN via a render-blocking cross-origin , which cost ~2s on Slow 4G: the browser had to open a connection to fonts.googleapis.com and parse its CSS before it could even discover the font URLs on fonts.gstatic.com. Same-origin removes both round trips. Playfair Display, Work Sans and Oswald are VARIABLE fonts — one file each spans the whole weight range, so every weight the design system uses is covered by a single download. Zilla Slab has no variable cut, so only the three weights actually in use are shipped (400/600/700). This file is linked DIRECTLY from each page rather than @imported through styles.css — an @import would bury these @font-face rules two round trips deep and delay every font on the page. No unicode-range is declared: the browser falls back per-glyph for anything outside the latin subset, rather than us having to enumerate ranges. */ /* ---- Playfair Display — display + headings (variable, 400–900) ---- */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('../assets/fonts/playfair-display-var.woff2') format('woff2'); } @font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 400 900; font-display: swap; src: url('../assets/fonts/playfair-display-var-italic.woff2') format('woff2'); } /* ---- Work Sans — body / UI (variable, 400–700) ---- */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../assets/fonts/work-sans-var.woff2') format('woff2'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('../assets/fonts/work-sans-var-italic.woff2') format('woff2'); } /* ---- Oswald — condensed enamel-sign labels (variable, 200–700) ---- */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200 700; font-display: swap; src: url('../assets/fonts/oswald-var.woff2') format('woff2'); } /* ---- Zilla Slab — menu-board prices (static; no variable cut exists) ---- */ @font-face { font-family: 'Zilla Slab'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/zilla-slab-400.woff2') format('woff2'); } @font-face { font-family: 'Zilla Slab'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/zilla-slab-600.woff2') format('woff2'); } @font-face { font-family: 'Zilla Slab'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/zilla-slab-700.woff2') format('woff2'); }