Firefox中Roboto字体加粗

Question

我尝试使用Google Fonts 在我的网站上安装Roboto字体，但发现在Firefox浏览器中这种字体比在Google Chrome浏览器中更加粗（非常粗），让我感到绝望。

以下是我的代码：

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet"> 

And

p
{
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
    color: #313131;
}

以下是Roboto字体的两个预览图，一个使用Firefox浏览器，另一个使用Chrome浏览器：

如您所见，Chrome的Roboto要轻得多。我不知道为什么会这样，但我在Google Font上找到了一些东西。通过使用Firebug分析他们自己的代码，我发现他们网站上使用的Roboto字体具有属性：

element.style {
    font-family: "Roboto script=all rev=1";
}

当您移除"Script=all rev=1"时，在火狐和谷歌浏览器中Roboto字体会变得更加粗体（但在火狐上不会那么明显）。就像我的工作正在进行一样。

有人有答案，解决方案或其他东西吗？我感到孤独，因为连Google都不能告诉我script=all rev=1是什么以及它为什么会使Google Font变得更轻。

- Ouriel Lahoussaye

---

我们也发现，我们使用的某些字体在 Google Fonts 示例页面中使用了“rev=2”来定义字体，而 API 返回的似乎是 Rev 1，因此这造成了显著的差异。我报告了有关特定字体的问题，但 Google 从未回应。我感到很疯狂，因为这是他们网站上非常流行的字体，却没有人提到过这个问题。 - CalMlynarczyk

Answer 1

它更轻的原因是因为Chrome使用本地安装的Roboto字体，该字体没有粗体版本，因此会回退到细体版本（而不是切换到Web字体）。这可能是Chrome的一个bug，但我不知道是否有任何现有的报告。

根据强制Chrome在CSS中使用外部字体，特殊的字体名称之所以有效，是因为Google Web Font样式表为字体提供了替代名称“Roboto script=all rev=1”，显然该名称不存在于用户的本地系统上，因此由Web字体提供服务。

- Edward Z. Yang