css - chrome中的Roboto字体问题

Question

我在使用 Roboto 字体系列的 chrome 中遇到问题。
这在 Firefox 中运行良好，但 chrome 并没有给出和之间的字母间距F，L正如您在图片中看到的那样。

---

在铬：

---

在火狐中：

Answer 1

这称为印刷连字。您可以阻止 Chrome 显示它，如下所示：

h1 {
    letter-spacing: 10px;
    font-variant-ligatures: none;
}

不幸的是，这不适用于所有 webkit 浏览器。无论如何，Safari 都会显示连字。

阅读更多

• MDN：“字体变体连字”

演示

先试后买