Google chrome Google Chrome更新到37使文本看起来更加粗体

Google chrome Google Chrome更新到37使文本看起来更加粗体,google-chrome,fonts,Google Chrome,Fonts,刚刚更新到Chrome37,我在网站上使用的SegoeUI字体看起来更粗体一些。有可能纠正这个问题吗 此示例显示: <h1 style="font-family: Segoe UI Light, Segoe UI; font-weight: lighter"> The <i>quick brown fox jumped over the lazy dog</i> </h1> 那只敏捷的棕色狐狸跳过了那只懒狗 在InternetExpl

刚刚更新到Chrome37,我在网站上使用的SegoeUI字体看起来更粗体一些。有可能纠正这个问题吗

此示例显示:

<h1 style="font-family: Segoe UI Light, Segoe UI; font-weight: lighter">
    The <i>quick brown fox jumped over the lazy dog</i>
</h1>

那只敏捷的棕色狐狸跳过了那只懒狗

在InternetExplorer9、Safari5和Opera21中,它的外观符合要求,在Chrome的早期版本中也是如此。但在Chrome37中,它稍微粗体一些——可能是因为DirectWrite开关(?)。

尝试将其添加到您遇到问题的字体样式中

  -webkit-font-smoothing: antialiased;

我认为你所看到的差异与你指定的重量,比如说,300的重量相对应的重量有关。因此,浏览器的渲染方式也可能有所不同。因此,如果这不起作用,还可以尝试指定所需的实际重量

我认为这只是版本37中的一个缺陷,它阻止Chrome渲染Segoe UI Light。见:


发生的事情是,无论出于何种原因,它都无法渲染Segoe UI Light,因此它会转到下一个可渲染的回退字体(Segoe UI)。这就是为什么您的文本看起来更粗体。

我发现将此添加到字体样式中可以更正它

backface-visibility: hidden;
-webkit-backface-visibility: hidden;

这可能就是原因。有很多视觉上的变化,我也面临着同样的问题。我也有这个问题:。非常确定它们是相关的尝试将此添加到字体样式“-webkit背面可见性:隐藏;“仅供参考,现在在Chrome 38上,它似乎已被解决。不幸的是,没有任何区别-但我发现了看起来相同的字体:WeblySleek UI LightOh,我也有同样的问题,所以认为它可能会有所帮助。很好,不管怎样,你找到了一个替代方案。祝你好运。更新:下载字体后,使用下载的字体会导致版面稍微移动。我不喜欢那样,所以我可能会接受这个想法。一旦字体被缓存,它就可以了,但是对于首页-hmmmmmmmmm…(另一个)更新:Chrome Canary似乎更好。也许已经修好了。虽然金丝雀的版本和稳定的版本是一样的,所以我很怀疑。