css

Turning off ligatures - two letters that are joined - for your font

The font we’ll be using in Nextens starting with our next release has ligatures (“a ligature occurs where two or more letters are joined as a single glyph”) turned on by default. It’s a nice typographic effect, but for some words in Dutch it doesn’t work so well.

This is the default Lato:

This is Lato with ligatures turned off:

You can turn it off everywhere:

1
2
3
html {
    font-feature-settings: "liga" 0;
}

or only for headings (where it’s more prominent):

1
2
3
h1, h2, h3, h4, h5, h6 {
    font-feature-settings: "liga" 0;
}