<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			@font-face {
				font-family: 'Amstelvar VF';
				src: url('resources/AmstelvarAlpha-VF.woff2') format('woff2-variations');
			}
			@font-face {
				font-family: 'Jost VF';
				src: url('resources/jost-VF.woff2') format('woff2-variations');
			}
			@font-face {
				font-family: 'Roboto VF';
				src: url('resources/Roboto-VF.woff2') format('woff2-variations');
			}
		</style>
	</head>
	<body>
		<p style="font-family: 'Amstelvar VF'; font-variation-settings: 'wght' 625;">
			Weight
		</p>
		<p style="font-family: 'Amstelvar VF'; font-variation-settings: 'wdth' 75;">
			Width
		</p>
		<p style="font-family: 'Jost VF'; font-variation-settings: 'ital' 1;">
			Italic
		</p>
		<p style="font-family: 'Roboto VF'; font-variation-settings: 'slnt' 10;">
			Slant
		</p>
	</body>
</html>
