Grade
/* grade (GRAD) range is 88 (default) up to 150 */ .container1 * { font-size: 64px; font-variation-settings: 'GRAD' 88; }
<div class="container container1"> <p>Grade</p> </div>
Grade
/* Adjust with slider & custom property */ .container2 * { font-size: 64px; font-variation-settings: 'GRAD' var(--text-axis); }
<div class="container container2"> <p>Grade</p> </div>
Adjust Grade: