/* landing/fonts.css — self-hosted Inter + Bricolage Grotesque for the landing site.
WHY SELF-HOSTED. The to fonts.googleapis.com was a render-BLOCKING
stylesheet on a third-party origin: nothing painted until DNS + TLS + fetch
finished there, and only then did the browser learn it also needed a file from
fonts.gstatic.com — a second origin, a second handshake. Same-origin plus the
in each page's collapses that into one request that
starts with the HTML. It also lets the CSP drop both Google origins outright.
NO BUILD STEP HERE. The landing site is its own Cloudflare Pages project with
build-output root = this folder, which is why the fonts are duplicated in
landing/assets/fonts/ rather than shared with the app: nothing above landing/
is deployable. auth/fonts.css declares the same four faces — change one, change
both. (The paths below are still root-absolute, because landing/assets/ IS the
deployed /assets/.)
ONE FILE PER SUBSET, NOT PER WEIGHT: variable fonts, so a single woff2 carries
the whole wght axis. unicode-range is what keeps latin-ext from being downloaded
at all unless the page actually contains an accented character.
font-display: swap, kept from the original Google link — the hero's display face
is the page, so it must arrive even on a cold first visit.
Files + licence: assets/fonts/LICENSE.txt (SIL OFL 1.1). */
/* Inter — latin-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("/assets/fonts/inter-latin-ext.woff2?v=1") 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;
}
/* Inter — latin */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("/assets/fonts/inter-latin.woff2?v=1") 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;
}
/* Bricolage Grotesque — latin-ext.
font-stretch is not decoration: this face also carries a wdth axis, and Google's
own CSS pins it to 100% so a browser never renders the condensed extreme. */
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 200 800;
font-stretch: 100%;
font-display: swap;
src: url("/assets/fonts/bricolage-latin-ext.woff2?v=1") 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;
}
/* Bricolage Grotesque — latin */
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 200 800;
font-stretch: 100%;
font-display: swap;
src: url("/assets/fonts/bricolage-latin.woff2?v=1") 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;
}