/* ========================================================================== KodeYak — the webfonts, self-hosted. GENERATED FROM GOOGLE'S OWN css2 OUTPUT, then rewritten to local paths. It is not hand-authored, and the unicode-range values in particular should not be edited by hand — they are what lets a browser skip a file it has no character for. To regenerate, re-fetch the URL in the note below with a modern browser User-Agent (an old one gets .ttf instead of .woff2), keep the latin and latin-ext blocks, and drop the rest. WHY SELF-HOSTED. Five families from fonts.googleapis.com meant every visitor's IP reached Google on every page, on a site that otherwise collects nothing and has no privacy page. It was also two round trips — the CSS from one host, then the font files from another — before any text could paint in its real face. WHICH FACES, AND WHY THESE. The previous request loaded eleven; only six are ever used. The set below was not reasoned out, it was MEASURED: every element rendering its own text on both pages, at desktop and phone width, with the demo disclosures forced open and the mobile menu open, reporting the computed family and weight it actually resolves to. Result: EB Garamond 600 (paper headings; 400 and 500 never resolve) IBM Plex Mono 500 (eyebrows, footer meta; 400 never resolves) Newsreader 300..600 var (body copy) Tilt Neon 400 (its only weight) Ubuntu 400, 500 (glass copy and UI; 300 and 700 never resolve) Ubuntu 400 italic (see below) Re-run that measurement before adding a weight — and note that a weight which is merely DECLARED is not evidence. `font-weight: 700` appears in tokens.css but belongs to .ky-wordmark, which is Montserrat, which is deliberately never loaded at all because the lockups ship as outlined vector. ⚠ THE NEWSREADER FILE IS THE BIG ONE (132 KB latin) AND IT IS KEPT ON PURPOSE. It is the variable face with the optical-size axis, which the original request asked for explicitly (opsz,wght@6..72). A static 400 instance would save about 100 KB and would silently turn off optical sizing on the site's main reading face — `font-optical-sizing: auto` is the default and needs the axis to exist. That is a design decision, not a budget one; don't trade it away quietly. ⚠ UBUNTU ITALIC IS NEW, and it is the one rendering change here. No italic was ever requested before, so `` on glass — the demo card's sample prompt — was drawn by the browser slanting the upright face. That synthetic oblique is now a real italic. 16 KB, and the copy it fixes is customer-facing. Source, to regenerate: https://fonts.googleapis.com/css2?family=EB+Garamond:wght@600&family=IBM+Plex+Mono:wght@500&family=Newsreader:opsz,wght@6..72,300..600&family=Tilt+Neon&family=Ubuntu:ital,wght@0,400;0,500;1,400&display=swap ========================================================================== */ /* latin-ext */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/eb-garamond-normal-600-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; } /* latin */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/eb-garamond-normal-600-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: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/ibm-plex-mono-normal-500-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; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/ibm-plex-mono-normal-500-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: 'Newsreader'; font-style: normal; font-weight: 300 600; font-display: swap; src: url(/assets/fonts/newsreader-normal-300-600-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; } /* latin */ @font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 300 600; font-display: swap; src: url(/assets/fonts/newsreader-normal-300-600-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: 'Tilt Neon'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/tilt-neon-normal-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; } /* latin */ @font-face { font-family: 'Tilt Neon'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/tilt-neon-normal-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; } /* latin-ext */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 400; font-display: swap; src: url(/assets/fonts/ubuntu-italic-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; } /* latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 400; font-display: swap; src: url(/assets/fonts/ubuntu-italic-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; } /* latin-ext */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/ubuntu-normal-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; } /* latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/ubuntu-normal-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; } /* latin-ext */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/ubuntu-normal-500-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; } /* latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/ubuntu-normal-500-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; }