我尝试使用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 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上更轻松。
答案 0 :(得分:0)
它更轻的原因是因为Chrome使用的是本地安装的Roboto字体,它没有粗体版本,因此它又回归到瘦版本(而不是切换到网络字体。)这可以说是一个Chrome错误,但我不知道任何现有报告。
根据Force Chrome to use external font in CSS,特殊字体名称有效,因为Google Web字体样式表为字体提供了另一个名称&#34; Roboto script = all rev = 1&#34;,这显然不会存在于用户的本地系统上,因此由web字体提供服务。