/* * Self-hosted webfonts. Loading these from Google's font CDN meant every page * load handed the visitor's IP address to Google before a single glyph * rendered, which is a live GDPR question in the EU and puts a third party in * the critical request path. The files below are the exact same woff2 payloads * Google was serving, now served from our own origin. * * Three families, all under the SIL Open Font License 1.1. The licence text * ships next to the fonts as the OFL requires: * Courier Prime OFL-CourierPrime.txt (Quote-Unquote Apps, upstream v11) * Hanken Grotesk OFL-HankenGrotesk.txt (Hanken Design Co., upstream v12) * Newsreader OFL-Newsreader.txt (Production Type, upstream v26) * * This file is loaded by index.html AND by the standalone legal pages * (public/privacy.html, public/terms.html), which are plain HTML outside the * app bundle. One shared stylesheet keeps them from drifting apart. * * WEIGHTS: only the weights the product actually renders are declared. Hanken * Grotesk and Newsreader are VARIABLE fonts, so one file per subset covers the * whole weight range and `font-weight: ` lets the browser instance * it. Courier Prime has no variable version, so 400 and 700 are separate files. * * SUBSET ORDER IS LOAD-BEARING: `latin` must stay LAST within each family and * style. The combining marks U+0304, U+0308 and U+0329 appear in more than one * unicode-range, and for overlapping ranges the last matching @font-face wins. * Google declared latin last; reordering silently changes which file renders * accented characters. * * The upstream version (v11/v12/v26) is in each filename because everything in * public/ is served at a fixed URL with no content hash. Bumping a font means * a new filename, so a cached copy can never go stale. */ /* ───────────────────────────── Courier Prime ───────────────────────────── The screenplay face. Static, not variable: 400 and 700 are separate files. */ @font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/courier-prime-v11-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: "Courier Prime"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/courier-prime-v11-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; } @font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/courier-prime-v11-700-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: "Courier Prime"; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/courier-prime-v11-700-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; } /* ──────────────────────────── Hanken Grotesk ───────────────────────────── The UI sans. Variable on the wght axis, so one file per subset serves 400, 500, 600 and 700 — the four weights the product uses. */ @font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/hanken-grotesk-v12-cyrillic-ext.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/hanken-grotesk-v12-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; } @font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/hanken-grotesk-v12-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: "Hanken Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/hanken-grotesk-v12-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; } /* ─────────────────────────────── Newsreader ────────────────────────────── The display serif, and the italic in the wordmark. Variable on both opsz and wght. The opsz axis is left alone deliberately: browsers apply font-optical-sizing: auto by default, which is what Google's stylesheet relied on, so the type keeps grading with size exactly as it does today. Roman carries 400-600 and italic 400-500 because that is what the product asks for. Nothing renders italic 600, and declaring a range wider than the design uses would only invite a weight we have never looked at. */ @font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/fonts/newsreader-v26-roman-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; } @font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/fonts/newsreader-v26-roman-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: "Newsreader"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/fonts/newsreader-v26-roman-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: "Newsreader"; font-style: italic; font-weight: 400 500; font-display: swap; src: url(/fonts/newsreader-v26-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; } @font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400 500; font-display: swap; src: url(/fonts/newsreader-v26-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400 500; font-display: swap; src: url(/fonts/newsreader-v26-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; }