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>