pachamaltese pachamaltese - 1 month ago 5
CSS Question

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


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.