/* ============================================================ decks.foiltilt.com - self-hosted web fonts ------------------------------------------------------------ Subsetted woff2 files mirrored from Google Fonts (latin + latin-ext only; the site ships no cyrillic/greek/vietnamese copy). Antonio and Oswald are the variable files Google serves for the discrete weights the tokens use; the Fraunces files are range-limited by scripts/subset-fonts.py to the slice the site uses (wght 400..600, opsz 9..72, SOFT 0..26; hero.css sets opsz and SOFT via font-variation-settings), which is a third of the bytes Google's full design space costs. "Fraunces Fallback" is a metric-adjusted Georgia so the swap does not reflow: values computed with fontTools from fraunces-var-latin.woff2 instanced at wght 400 / opsz 16.5 / SOFT 0 against Gelasio (Google's Georgia-metrics-compatible serif) advance widths. ============================================================ */ /* Antonio (display). One variable face per unicode range serves both title weights (300 and 600) without fetching the same file twice. */ @font-face { font-family: "Antonio"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/fonts/antonio-var-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Antonio"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("/fonts/antonio-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Fraunces (body serif). Variable: ital 0/1, opsz 9..144, wght 400..600, SOFT 0..100. */ @font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400 600; font-display: swap; src: url("/fonts/fraunces-italic-var-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400 600; font-display: swap; src: url("/fonts/fraunces-italic-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/fonts/fraunces-var-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/fonts/fraunces-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* IBM Plex Mono (kickers, labels, prices). */ @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/plex-mono-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/plex-mono-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Oswald (secondary headlines). Variable wght file, pinned at 500 (labels, names) and 700 (UA-bold headings). */ @font-face { font-family: "Oswald"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/oswald-var-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Oswald"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/oswald-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Oswald"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/oswald-var-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Oswald"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/oswald-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Metric-adjusted local Arial Narrow (Liberation Sans Narrow and Nimbus Sans Narrow carry the same metrics, Roboto Condensed is the Android stand-in); slots after "Antonio" in --font-display so the pre-swap frame lays out like Antonio. Without it the hero fell back to a default sans and the whole title re-flowed when Antonio arrived: the accent span jumped 150px and the section under it moved 13px, for a 0.160 CLS on the karlov decklist. Values computed by scripts/font-metrics.py against antonio-var-latin.woff2 pinned at wght 300 (its hhea ascent is 1.1548 em, hence the 132% override). */ @font-face { font-family: "Antonio Fallback"; src: local("Arial Narrow"), local("Liberation Sans Narrow"), local("Roboto Condensed"), local("Nimbus Sans Narrow"); size-adjust: 87.36%; ascent-override: 132.18%; descent-override: 15.93%; line-gap-override: 0%; } /* Metric-adjusted local Georgia; slots after "Fraunces" in --font-body so the pre-swap frame lays out like Fraunces. */ @font-face { font-family: "Fraunces Fallback"; src: local("Georgia"); size-adjust: 105.50%; ascent-override: 92.70%; descent-override: 24.17%; line-gap-override: 0%; }