EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The font-stretch property in CSS</title>
	<style type="text/css">
		@font-face {
		  src: url('https://mdn.mozillademos.org/files/16014/LeagueMonoVariable.ttf');
		  font-family:'LeagueMonoVariable';
		  font-style: normal;
		  font-stretch: semi-condensed;
		}
		
		.container {
		  border: 10px solid #f5f9fa;
		  padding: 0 1rem;
		  font: 1.5rem 'LeagueMonoVariable', sans-serif;
		}
		
		.semi-condensed {
		  font-stretch: semi-condensed;
		  color: red;
		}
	</style>
</head>

<body>
	<div class="container">
		<p class="semi-condensed">Study Tonight</p>
	</div>
</body>

</html>