CSS: Disable font ligatures in all browsers

Question

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

Answer 1

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

Also it should be supported in all modern browsers.

Answer 2

Essentially the same answer that andreas offered, but here's the full CSS for easy reference:

* {
font-variant-ligatures: none;
}