CSS font-variant-alternates Property - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

@font-feature-values "MonteCarlo" {
  @swash {
    fancy: 1;
  }
}

p {
  font-family: "MonteCarlo";
  font-size: 3rem;
  margin: 0.7rem 3rem;
}

.variant {
  font-variant-alternates: swash(fancy);
}
</style>
</head>
<body>
<p>A Fancy Swash</p>
<p class="variant">A Fancy Swash</p>
</body>
</html>