Roboto字体大胆与Firefox

时间:2016-09-09 07:09:04

标签: css fonts google-font-api

我尝试使用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:

Firefox Roboto

Chrome Roboto

正如您所看到的,Chrome Roboto更轻巧。

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

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

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

有人有答案,解决方案或其他什么吗?我感到很寂寞,甚至谷歌都没有告诉我script=all rev=1是什么以及为什么它使得Roboto在Google Font上更轻松。

1 个答案:

答案 0 :(得分:0)

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

根据Force Chrome to use external font in CSS,特殊字体名称有效,因为Google Web字体样式表为字体提供了另一个名称&#34; Roboto script = all rev = 1&#34;,这显然不会存在于用户的本地系统上,因此由web字体提供服务。