Roboto字体大胆与Firefox

Question

我试着在我的网站上安装的Roboto,使用谷歌的字体,我感到绝望看到的Roboto是在Firefox比谷歌浏览器更大胆(更大胆).

这是我的代码:

<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 Font上找到了一些东西.在他们自己的代码上使用Firebug,我发现他们网站上使用的Roboto字体具有以下属性:

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

当你删除"Script = all rev = 1"时,Roboto在Firefox和Chrome中变得更加大胆(但在Firefox中却如此).就像我正在进行的工作一样.

有人有答案,解决方案或什么？我觉得很寂寞,甚至连Google都没有告诉我这是什么script=all rev=1以及为什么它让Roboto在Google Font上更轻松.

Answer 1

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

根据Force Chrome to use external font in CSS 的说法，特殊字体名称之所以有效，是因为 Google Web Font 样式表为字体提供了替代名称“Roboto script=all rev=1”，而该名称显然不存在于用户的本地系统上，并且因此由网络字体提供服务。