/*
 * Self-hosted variable fonts.
 *
 * Google's own stylesheet costs a DNS lookup, a TLS handshake and a
 * render-blocking round trip before a single glyph arrives. These two files sit
 * on the same origin behind the same connection the HTML came down.
 *
 * Both are the latin subset only - the site is written in English, and the full
 * multi-script files are four times the size for glyphs no reader will see.
 * Together they are 56KB.
 *
 * font-display:swap means text is readable in the fallback face immediately and
 * reflows once. For a site whose pages run to 3,000 words that trade is right:
 * invisible text is worse than one reflow.
 */

@font-face {
font-display:swap;
	font-family: "Fraunces";
	src: url('/wp-content/themes/st-child/fonts/Fraunces-variable.woff2') format("woff2-variations");
	font-weight: 500 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
font-display:swap;
	font-family: "Figtree";
	src: url('/wp-content/themes/st-child/fonts/Figtree-variable.woff2') format("woff2-variations");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}