/* =============================================================================
   Self-hosted webfonts
   =============================================================================

   Replaces a render-blocking <link> to fonts.googleapis.com in header.php, which
   was a two-hop critical chain (CSS from fonts.googleapis.com, then the WOFF2
   from fonts.gstatic.com) with no preconnect and no font-display.

   Provenance: downloaded from Google Fonts' own v1 API with a modern Chrome UA
   (so WOFF2), latin subset only, then:
     - subset to the character range the site renders (pyftsubset)
     - Merriweather ships as a variable font (wght 300-900); instanced to static
       400 and 700 with fontTools.varLib.instancer, which is what takes it from
       95 KB per weight to ~37 KB.

     205 KB across 3 external origins  ->  122 KB self-hosted, 0 external origins

   Do NOT add a `Karla-Bold` family here. scss/elements/_typography.scss:22 sets
   `h2 { font-family: Karla-Bold; }` -- a family that has never existed on this
   site, so every h2 currently renders in the browser default serif. Defining it
   would silently restyle every heading on the site. Fix that in the SCSS with a
   real font stack if it is ever wanted, as a deliberate design change.
   ============================================================================= */

@font-face {
	font-family: 'Karla';
	src: url('../fonts/Karla-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('../fonts/Merriweather-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('../fonts/Merriweather-400i.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('../fonts/Merriweather-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}