Kerning

Nowadays kerning pairs are enabled by default on most recent browsers, but you can turn them off by setting the font-feature-settings: "kern" property: 

// Disable Kerning 
font-feature-settings: "kern" off;

Alternates

You can display specific alternates by enabling Access All Alternates, via the CSS property font-feature-settings and the aalt value, set to the alternates IDs:

.font-alt1 {
font-feature-settings: "aalt" 1;
}

.font-alt2 {
font-feature-settings: "aalt" 2;
}

Then just apply the new styles to the specific parts of text that should use the alternates, like for a custom Aaaah!

Aa<span class="font-alt1">a</span><span class="font-alt2">a</span>h!

Ligatures

By default, ligatures are enabled on most recent browsers, but you can turn them off by setting off the font-feature-settings: "liga" property: 

// Disable Ligatures 
font-feature-settings: "liga" off;
Did this answer your question?