Is there any possibility to prevent Safari/Mobile Safari on Mavericks/iOS7 from rendering ligatures in a Webfont? We're facing issues with not available ligatures in the font beeing displayed as white space.
We already tried using this in the CSS:
-webkit-font-feature-settings:"liga" 0;
font-feature-settings:"liga" 0;
text-rendering: optimizeSpeed;
But it's not working, the ligatures are still blank spaces.
We solved this by adding
-webkit-font-variant-ligatures: no-common-ligatures;
to the css styles. It prevents the ligatures from appearing and thus the broken symbols in the font.
More Recent (2018):
The one that worked for us is stated in here: https://stackoverflow.com/a/47063000/1920145
Refering to use the current state of the rule:
font-variant-ligatures: none;
来源：https://stackoverflow.com/questions/19591746/prevent-ligatures-in-safari-mavericks-ios7-via-css