/*
 * Self-hosted webfonts.
 *
 * Zilla Slab (Typotheque, SIL OFL 1.1) carries every headline. It is a
 * slab serif rather than the delicate text serifs the rest of this
 * catalogue tends toward — sturdy, geometric, closer to a survey map's
 * title block or a prospecting company's letterhead than a literary one,
 * which is the right register for a resource company.
 *
 * Commissioner (Erin McLaughlin / Fonts&Colors, SIL OFL 1.1) is a variable
 * grotesk for the UI and body copy.
 *
 * Spline Sans Mono (Google Fonts team, SIL OFL 1.1) is a variable mono
 * carrying every assay figure, coordinate and grade on the site.
 */

@font-face {
	font-family: 'Zilla Slab';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/zilla-slab-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Zilla Slab';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/zilla-slab-400i.woff2') format('woff2');
}
@font-face {
	font-family: 'Zilla Slab';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/zilla-slab-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Zilla Slab';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/zilla-slab-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Zilla Slab';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/zilla-slab-700.woff2') format('woff2');
}

@font-face {
	font-family: 'Commissioner';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/commissioner-variable.woff2') format('woff2-variations'), url('../fonts/commissioner-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Spline Sans Mono';
	font-style: normal;
	font-weight: 400 500;
	font-display: swap;
	src: url('../fonts/spline-sans-mono-variable.woff2') format('woff2-variations'), url('../fonts/spline-sans-mono-variable.woff2') format('woff2');
}