/* TechAid Connect webfonts, self-hosted.
 *
 * WHY THESE ARE NOT LOADED FROM GOOGLE
 *
 * config.php records the practice: jQuery, NProgress, Font Awesome and jQuery UI
 * were all moved under assets/vendor/ specifically so their CDN origins could leave
 * the Content-Security-Policy, on the reasoning that whitelisting a host lets any
 * injected reference from that host bypass the nonce. Fonts were the last exception,
 * and they were an exception for nothing: fonts.googleapis.com and fonts.gstatic.com
 * sat in the CSP for two years while the site loaded no webfont at all.
 *
 * Self-hosting also removes two DNS lookups and two TLS handshakes from the critical
 * path before any text can render, which matters more on a slow connection than the
 * bytes do. The old argument that a CDN copy is "probably already cached" died when
 * browsers partitioned the HTTP cache by site; every visitor downloads it fresh
 * regardless of who serves it.
 *
 * WHAT WAS THERE BEFORE
 *
 * styles.css declared 'Poppins' and 'Open Sans' and the site linked neither. Every
 * visitor read a system fallback — Roboto on Android, SF on iOS, Segoe on Windows —
 * so the platform had three typographic identities and had never chosen any of them.
 *
 * TWO FILES, NOT FOUR
 *
 * Both are variable fonts, so one file per family covers the whole weight range.
 * Verified by rendering rather than by inspecting the tables: at 44px, Montserrat
 * 700 lays down 17% more ink than 600, and every weight this site uses — 400, 500,
 * 600, 700, 900 — renders distinctly from its neighbours. 84KB for the pair.
 *
 * Latin subset only. The site is English with Nigerian and British spelling; the
 * Cyrillic, Greek and Vietnamese subsets Google also serves would roughly triple
 * this for glyphs no page uses.
 *
 * font-display: swap means text paints immediately in the fallback and reflows when
 * the font arrives. On a slow connection that is the right trade: readable late is
 * better than invisible early.
 */

@font-face {
    font-family: 'Montserrat';
    src: url('../assets/vendor/fonts/montserrat.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/vendor/fonts/open-sans.woff2') format('woff2');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
}