css - CSS：在所有浏览器中禁用字体连字

Question

由于谷歌字体在中国被封锁，我不得不下载它们并使用 FontSquirrel 进行转换。

问题：fi/ff/etc 很难看

我在此处通过 CSS 完成了所有步骤防止 Safari (Mavericks/iOS7) 中的连字，但没有雪茄。

如何一次禁用连字？ -webkit-font-variant-ligatures: no-common-ligatures; 不工作

Answer 1

与andreas提供的答案基本相同，但这里是完整的 CSS 以便于参考：

* {
  font-variant-ligatures: none;
}

Answer 2

尽管no-common-ligatures您可以尝试none,unset或no-contextual. 请参阅 MDN了解所有可能的值。

例如：

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

所有现代浏览器也应该支持它。

Answer 3

在 Safari 中看到没有效果font-variant-ligatures（请参阅上面接受的答案的评论）已使用

font-feature-settings: "liga" 0;

Safari 和 Chrome 都很荣幸。