相关疑难解决方法(0)

我创建了一个小提琴试图使用font-weight 300的Open Sans字体:

HTML

<span class="demo">example</span>

CSS

.demo {
  font-weight: 400 !important;
  font-family: 'Open Sans' !important;
  font-style: normal;
  font-variant: normal;
}

我使用谷歌字体来定义CSS

我可以看到Firefox(Ubuntu 13.10)在font-weight:300(轻量级)和font-weight:400(正常)下渲染时的差异,但在Chrome(版本33.0.1750.117)中没有,其中所有内容看起来都是在渲染时字体重量:400.我做错了什么或Chrome中有错误吗？有没有已知的解决方法？

更新:

Chrome肯定存在问题我在Chrome中的2个不同窗口中打开了同一页面的两个实例.一种是使字体呈现正常(300重量对应于光变体)而一种不是(300重量与正常变体相同).有线索吗？我确保刷新每个标签页面,使它们实际上是同一页面.

更新2:附上截图:错误:

更新3 这是不是重复的这个.在那个问题中,问题是"Arial Black"和"Arial"实际上是不同的字体.在我的情况下,Open Sans是唯一的字体,问题是Chrome有时会收到不正确的重量.从截图中可以看出,Chrome与两个实例之间渲染的字体不一致.

我试着在我的网站上安装的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上更轻松.