Slant
/* slant range is from 0deg to 12deg */ .container1 * { font-style: oblique 0deg; }
<div class="container container1"> <p>Slant</p> </div>
Slant
/* slant range is from 0 to 12 */ .container2 * { font-variation-settings: 'slnt' 0; }
<div class="container container2"> <p>Slant</p> </div>
Slant
/* Adjust with slider & custom property */ .container3 * { font-variation-settings: 'slnt' var(--text-axis); }
<div class="container container3"> <p>Slant</p> </div>
Adjust Slant: