The font-feature-settings property allows control over advanced typographic features such as fractions, ligatures, and small caps in OpenType fonts.

p {
    font-feature-settings: "frac";
}

p {
    font-feature-settings: "liga" 0;
}

p {
    font-feature-settings: "smcp" on;
}

Default value	normal
Inherited values	yes
Can it be animated?	no

These are the allowed values.

Value	Description
normal	Use the default settings to lay out text (default)
feature-value	Format: string [1|0|on|off]; this is always a string of 4 ASCII characters

The HTML element can also be styled using JavaScript and the element’s id.

document.getElementById('my_div').style.fontFeatureSettings = 'liga 0';

<button onclick='my_function()'>Click Here</button>

<script>
function my_function() {
    document.getElementById('my_div').style.fontFeatureSettings = 'liga 0';
}
</script>

---