/* =========================================================================
   figtree-1.0.0.css
   Self-hosted Figtree — the face both $font-sans and $font-display name, so
   very nearly every glyph on the site.

   It was requested from fonts.googleapis.com with display=swap, which is a
   request for exactly what it produced: render in the fallback, then swap. On
   Windows that fallback is Segoe UI, heavier and wider than Figtree, so each
   page visibly re-set itself the moment the font landed. Served from our own
   origin and preloaded in _FontLinks.cshtml the file is in hand at first paint,
   which is what makes font-display: block the right choice here rather than a
   risk — there is nothing to block on, and it can never swap.

   Two variable files rather than six static ones: Figtree carries a 300-900
   weight axis, and _variables.scss draws on 300, 400, 500, 600 and 700 of it.
   ========================================================================= */

@font-face {
    font-family: 'Figtree';
    src: url('../fonts/figtree-variable.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
    font-display: block;
}

/* Deliberately not preloaded. Italic is rare enough on this site that a second
   render-blocking request does not pay for itself, and swap is the better trade
   without one: the few places that use it flash rather than sitting invisible
   for up to the three seconds block would allow. */
@font-face {
    font-family: 'Figtree';
    src: url('../fonts/figtree-variable-italic.woff2') format('woff2');
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}