Italic
/* italic can only be italic or normal */ .container1 * { font-style: italic; font-synthesis: none; }
<div class="container container1"> <p>Italic</p> </div>
Italic
/* italic can only be italic or normal */ .container2 * { font-synthesis: none; font-variation-settings: 'ital' 1; }
<div class="container container2"> <p>Italic</p> </div>
Italic
/* Adjust with slider & custom property */ .container3 * { font-synthesis: none; font-variation-settings: 'ital' var(--text-axis); }
<div class="container container3"> <p>Italic</p> </div>
Adjust Italic: