chrome 中的 Roboto 字体问题

Question

我在 chrome 中遇到 Roboto 字体系列的问题。
这在 firefox 中工作正常，但 chrome 没有在 F 和 L 之间给出 字母间距 ，正如您在图片中看到的那样。

---

在chrome中：

---

在火狐浏览器中：

Answer 1

这叫做typographic ligature。您可以阻止 Chrome 显示它，如下所示：

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

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

阅读更多

• MDN: "font-variant-ligatures"

演示

Try before buy