<h1>Hello <br> World</h1>
@font-face {
	font-family: "Movement";
	src: url("https://res.cloudinary.com/dldmpwpcp/raw/upload/v1566368410/MovementV_havqps.ttf");
}

body {
	font-family: "Movement";
	font-variation-settings: "wght" 100, "SPAC" 120;
	background-color: thistle;
	text-align: center;
}

h1 {
	font-size: calc(20px + 18vh);
	line-height: calc(20px + 20vh);
	margin: 0;
	letter-spacing: 2px;
	animation: anim 5s infinite forwards;
}

@keyframes anim {
	0% {
		font-variation-settings: "wght" 100, "SPAC" 120;
	}

	50% {
		font-variation-settings: "wght" 200, "SPAC" 100;
	}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.