Firefox 的 Roboto 字体更粗

Posted 2023-03-05

【中文标题】Firefox 的 Roboto 字体更粗

【英文标题】：Roboto font bolder with Firefox

【发布时间】：2017-01-17 06:16:54

【问题描述】：

我尝试使用 Google 字体在我的网站上安装 Roboto，我迫切希望看到 Roboto 在 Firefox 中比在 Google Chrome 中更大胆（更大胆）。

这是我的代码：

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

和

p

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

这里有两个 Roboto Font 的预览，第一个是 Firefox，第二个是 Chrome：

如您所见，Chrome Roboto 更轻。

我不知道为什么会这样，但我在 Google 字体上找到了一些东西。在他们自己的代码上使用 Firebug，我发现他们网站上使用的 Roboto Font 具有属性：

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

当您删除“Script=all rev=1”时，Roboto 在 Firefox 和 Chrome 中变得更加粗体（但在 Firefox 中如此）。就像我正在进行的工作一样。

有人有答案、解决方案或其他什么吗？看到连 Google 都无法告诉我script=all rev=1 是什么以及为什么它使 Roboto 在 Google 字体上更轻巧，我感到很孤独。

【问题讨论】：

我们也看到我们使用的某些字体存在显着差异，因为示例 Google 字体页面在其字体定义中使用 rev=2，而 API 返回的似乎是 Rev 1。我报告了有关特定字体的问题，但谷歌从未回应。没有人提到它，我感到很疯狂，因为它是那里非常流行的字体。

【参考方案1】：

它更轻的原因是因为 Chrome 使用的是本地安装的 Roboto 字体，它没有粗体版本，因此它回退到瘦版本（而不是切换到网络字体。）这可以说是Chrome 错误，但我不知道任何现有报告。

根据Force Chrome to use external font in CSS，特殊字体名称有效，因为 Google Web Font 样式表为字体“Roboto script=all rev=1”提供了替代名称，该字体显然不存在于用户的本地系统中，因此得到由网络字体提供。