带有Firefox的Roboto字体粗体

Question

我试着在我的网站上安装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 Font上找到了一些东西。在他们自己的代码上使用Firebug，我发现他们网站上使用的Roboto字体具有属性：

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

当你去掉"Script=all rev=1“时，Roboto在火狐和Chrome中变得更加大胆(但在火狐中更是如此)。就像我正在做的工作一样。

有没有人有答案，解决方案，或者别的什么？看到连谷歌都不能告诉我什么是script=all rev=1，以及为什么它让Roboto在谷歌字体上变得更轻，我感到很孤独。

Answer 1

它更轻的原因是因为Chrome使用的是本地安装的Roboto字体，该字体没有粗体版本，因此它回落到瘦版本(而不是切换到web字体)。这可以说是一个Chrome错误，但我不知道有任何现有的报告。

根据Force Chrome to use external font in CSS的说法，特殊的字体名称之所以有效，是因为Google Web字体样式表为字体指定了一个替代名称"Roboto script=all rev=1"，该字体显然不存在于用户的本地系统中，因此由web字体提供。