CodePen Embed - Variable fonts #1

<h1 class="example">Hello world</h1>

@font-face {
  font-family: Amstelvar Alpha;
  src: url(//fonts.gstatic.com/ea/amstelvaralpha/v2/AmstelvarAlpha-VF.woff2) format('woff2');
  font-style: normal;
  font-weight: normal;
}

h1 {
  font-family: Amstelvar Alpha, sans-serif;  
  font-variation-settings: 'wght' 200 , 'wdth' 500, 'GRAD' 88;
  font-size: 50px;
}

This Pen is owned by WITBLOG on CodePen. It is a fork of this Pen.

See more by @witblog on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.