Chrome中的Roboto字体问题

Question

我在使用Roboto字体系列的chrome中遇到了问题.
这工作得很好,在Firefox,但铬是不是给字母间距之间F和L,你可以在图片中看到.

---

在铬:

---

在Firefox中:

Answer 1

这被称为印刷结扎.您可以阻止Chrome显示它,如下所示:

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

不幸的是,这并不适用于所有webkit浏览器.Safari无论如何都会显示结扎线.

阅读更多

• MDN:"font-variant-ligatures"

演示

买前先试试