JSFiddle - React, Tailwind, and code Playground

HTML

<div>hamburgefonstiv</div>
<div id="light">hamburgefonstiv</div>
<div id="heavy">hamburgefonstiv</div>
<div id="condensed">hamburgefonstiv</div>
<div id="expanded">hamburgefonstiv</div>
<div id="lightexpanded">hamburgefonstiv</div>
<div id="heavycondensed">hamburgefonstiv</div>

CSS

div {
  font: 70px 'Skia';
}

#light {
  font-variation-settings: 'slnt' 10;
}

#heavy {
  font-variation-settings: 'wght' 1.2;
}

#condensed {
  font-variation-settings: 'wdth' 0.8;
}

#expanded {
  font-variation-settings: 'wdth' 1.2;
}

#lightexpanded {
  font-variation-settings: 'wght' 0.8, 'wdth' 1.2;
}

#heavycondensed {
  font-variation-settings: 'wght' 1.2, 'wdth' 0.8;
}