Manrope @font-face

A modern sans-serif for everyone.

—manropefont.com

It’s open source and is available as a variable font (don’t use Google Fonts though).

@supports (font-variation-settings: normal) {
	@font-face {
		font-family: "Manrope";
		src:
			url("./Manrope-wght.4.505.woff2") format("woff2 supports variations"),
			url("./Manrope-wght.4.505.woff2") format("woff2-variations");
		font-weight: 100 1000;
		font-stretch: 25% 151%;
		font-style: normal;
		font-display: swap;
	}
}

:root {
	font-family: Manrope, sans-serif;
	font-variation-settings: "wght" 360;
}

h1 {
	font-variation-settings: "wght" 1000;
}

Check if you should preload:

<link rel="preload" href="Manrope-wght.4.505.woff2" as="font" type="font/woff2">