Width
/* width range is from 55% to 100% */ .container1 * { font-stretch: 100%; }
<div class="container container1"> <p>Width</p> </div>
Width
/* width range is an integer from 55 to 100 */ .container2 * { font-variation-settings: 'wdth' 100; }
<div class="container container2"> <p>Width</p> </div>
Width
/* Adjusted with slider and custom property */ .container3 * { font-variation-settings: 'wdth' var(--text-axis); }
<div class="container container3"> <p>Width</p> </div>
Adjust Width: