html - 通过 CSS 防止 Safari (Mavericks/iOS7) 中的连字

Question

是否有可能阻止 Mavericks/iOS7 上的 Safari/Mobile Safari 在 Webfont 中呈现连字？我们面临的问题是在显示为空白的字体中没有可用的连字。

我们已经尝试在 CSS 中使用它：

-webkit-font-feature-settings:"liga" 0; 
font-feature-settings:"liga" 0; 
text-rendering: optimizeSpeed;

但它不起作用，连字仍然是空格。

Answer 1

我们通过添加解决了这个问题

 -webkit-font-variant-ligatures: no-common-ligatures;

到 css 样式。它可以防止出现连字，从而防止字体中出现损坏的符号。

Answer 2

最近（2018 年）：

对我们有用的方法在此处说明：https ://stackoverflow.com/a/47063000/1920145

参考使用规则的当前状态：

font-variant-ligatures: none;