cssfontsgoogle-font-apiligature

CSS: Disable font ligatures in all browsers

As google fonts are blocked in China I had to download them and use FontSquirrel for conversion.

The problem: fi/ff/etc are ugly

I did all of the steps here Prevent ligatures in Safari (Mavericks/iOS7) via CSS but no cigar.

How can I disable ligatures at once? -webkit-font-variant-ligatures: no-common-ligatures; Doesn't work

Solution

  • Despite no-common-ligatures you can try values like none, unset or no-contextual . See MDN for all possible values.

    For example:

    :root {
  font-variant-ligatures: none;
}

    Also it should be supported in all modern browsers.