Puffy Pangolins
/* kerning: auto|normal|none */ .container1 * { font-kerning: normal; } .inactive .container1 * { font-kerning: none; }
<div class="container container1"> <p>Puffy Pangolins</p> </div>
Kerning active
Puffy Pangolins
/* 'kern' 1|0 (on or off) */ .container2 * { font-feature-settings: 'kern' 1; } .inactive .container2 * { font-feature-settings: 'kern' 0; }
<div class="container container2"> <p>Puffy Pangolins</p> </div>
Kerning active