Weight
/* weight range is 300 to 900 */ .container1 * { font-weight: 625; }
<div class="container container1"> <p>Weight</p> </div>
Weight
/* weight range is 300 to 900 */ .container2 * { font-variation-settings: 'wght' 625; }
<div class="container container2"> <p>Weight</p> </div>
Weight
/* Adjust with slider & custom property */ .container3 * { font-variation-settings: 'wght' var(--text-axis); }
<div class="container container3"> <p>Weight</p> </div>
Adjust Weight: