CSS: 在所有浏览器中禁用字体连字

Question

由于 google 字体在中国被屏蔽，我不得不下载它们并使用 FontSquirrel 进行转换。

问题：fi/ff/etc丑

我完成了这里的所有步骤 Prevent ligatures in Safari (Mavericks/iOS7) via CSS 但没有雪茄。

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

Answer 1

尽管 no-common-ligatures 您可以尝试 none、unset 或 no-contextual 等值。 See MDN 所有可能的值。

例如：

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

在所有现代浏览器中也是 should be supported。

Answer 2

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

* {
  font-variant-ligatures: none;
}

Answer 3

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

font-feature-settings: "liga" 0;

Safari 和 Chrome 都尊重它。

Answer 4

不知道为什么，但我发现 Chrome 需要两个属性：

body {
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
}

如果只设置其中任何一个，连字不会被关闭。

CSS: Disable font ligatures in all browsers