/* ========================================================================= Fraunces (display) and Outfit (body), served from this site. These rules and the .woff2 files beside them are Google Fonts' own output for this request as Google serves it to a WINDOWS desktop Chrome, downloaded 2026-10-06 with the URLs pointed here: https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,WONK@0,9..144,400..900,0..1;1,9..144,400..900,0..1&family=Outfit:wght@400;500;600;700&display=swap (fraunces v38, outfit v15). Self-hosted so a visit never sends the visitor's IP address to Google, which a German court has held needs consent under the GDPR (LG Muenchen I, 20 Jan 2022, 3 O 17493/20). ital,opsz,wght with the full 400..900 range on both styles: the roman axis plus a TRUE italic. Without the 1,... half Fraunces has no italic face and the hero's "Discover" was synthesized by the browser (a slanted roman). WONK is in the request too, and must stay there if these files are ever re-downloaded: Google instances each file down to EXACTLY the axes in the URL and pins the rest, so an axis missing from it makes font-variation-settings for that axis silently inert ("WONK" 1 on .accent measured as a no-op until the axis was added). Why the Windows files: Google answers the same URL with two sets. Windows, Linux and ChromeOS get files that keep their TrueType hinting (screen instructions that renderer uses: Roboto's full hints, and a small prep table in Fraunces and Outfit); macOS, iOS and Android get a copy with the hints stripped, because their renderers ignore hints. One hinted set therefore draws the way Google's files do on every platform, for a few bytes more where hints go unused (Roboto's Latin file is 43 KB instead of 37 KB; the Fraunces and Outfit files differ by at most 324 bytes). Measured on macOS Chrome against the Google-hosted original: all four pages at 1440 and 390 wide render pixel-identical, apart from the drifting postcard strip, which differs between any two captures. To refresh: fetch the URL above with a Windows desktop Chrome user agent (a Mac or phone agent gets the stripped files), download every url() it lists, and keep the names below (family, -italic, subset). Every subset Google lists is kept, so no character falls back to another face, and unicode-range means a visitor only downloads the files for characters actually on the page. License: SIL Open Font License 1.1, text beside these files (OFL-Fraunces.txt, OFL-Outfit.txt). The map's label face lives in roboto.css, which demo.js loads when the map section arms. ========================================================================= */ /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400 900; font-display: swap; src: url(fraunces-italic-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400 900; font-display: swap; src: url(fraunces-italic-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400 900; font-display: swap; src: url(fraunces-italic-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; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(fraunces-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(fraunces-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(fraunces-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; } /* latin-ext */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: swap; src: url(outfit-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: swap; src: url(outfit-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; } /* latin-ext */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500; font-display: swap; src: url(outfit-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500; font-display: swap; src: url(outfit-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; } /* latin-ext */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 600; font-display: swap; src: url(outfit-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 600; font-display: swap; src: url(outfit-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; } /* latin-ext */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: swap; src: url(outfit-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: swap; src: url(outfit-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; }