Chrome中的Roboto字体问题

Question

我在使用Roboto字体系列的chrome中遇到了问题。
这在firefox中运行良好，但Chrome在F和L之间没有提供字母间距，如图所示。

<小时/> 在Chrome中

<小时/> 在Firefox中：

Answer 1

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

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

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

了解更多

• MDN: "font-variant-ligatures"

<强>演示

Try before buy