<!DOCTYPE html>
<html>
<head>
<title>The font-variant-alternates property in CSS</title>
<style type="text/css">
p {
font-size: 1.5rem;
font-variant-alternates: annotation;
}
.variant {
font-family: Leitura Display Swashes;
font-variant-alternates: annotation;
}
</style>
</head>
<body>
<p>Study Tonight rocks!</p>
<p class="variant">Study Tonight rocks!</p>
</body>
</html>