/* Self-hosted webfonts, shared by the app and onboarding pages. --------------------------------------------------------------------------- These used to come from fonts.googleapis.com. Each of those was a separate third-party round trip (DNS + TLS + fetch) measured at ~780ms on mobile — and onboarding.html was making four of them, because @import statements were scattered across onboarding.css, common.css and content.css. Inter ships as a single variable file covering every weight. Only the Latin subset is included; CJK is served by the system fonts already present on every OS (PingFang on Apple, YaHei/JhengHei on Windows, Noto CJK elsewhere). font-display: optional means text never re-flows mid-render, which is what keeps Cumulative Layout Shift at zero. Preload these in the page so they land inside the block period and actually get used. --------------------------------------------------------------------------- */ @font-face { font-family: 'Inter'; src: url('fonts/inter-var-latin.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: optional; 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: 'IBM Plex Mono'; src: url('fonts/ibm-plex-mono-400-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: optional; 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: 'IBM Plex Mono'; src: url('fonts/ibm-plex-mono-500-latin.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: optional; 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: 'EBAS Medium'; src: url('fonts/EBAS-Medium.subset.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: optional; }