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>