html - Chrome 40 中的@Font-Face 渲染

Question

我在使用 Google Chrome 40 时遇到了一些非常奇怪的字体渲染，我希望其他人遇到过并且知道如何修复。直到两天前一切正常，所以我想知道它是否只是新 chrome 的一个错误，但我找不到任何其他情况。

我在我的网站上使用的所有三种字体嵌入都会发生这种情况，其中一种是谷歌网络字体，另外两种是本地嵌入的。

我使用以下浏览器进行了测试:Chrome 38 (Mac) - 正常Chrome 40 (Mac) 金丝雀 - 坏Chrome 40 (Win) Canary - 不一致

Safari 7.1 - 可以Safari 8.0 - 可以

Firefox 32.0.1 - 正常Firefox 33.0 测试版 - 确定Firefox Aurora 34.0a2 - 确定Firefox Nightly 35.0a1 - 正常

IE 11 - 好IE 10 - 可以

我在我的 css 中将以下内容附加到 body 元素:

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font: {
        family: $font-body;
        size: 1.4rem;
    }
    color: $midnight-blue;
    background-color: $white;
    line-height: $alt-baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; 
}

这是问题的截图:

Chrome 38(正常):http://cl.ly/XwN8

Chrome 40(差):http://cl.ly/XwqN

Answer 1

看起来这已在 Chrome Canary 40.0.2197.2 中修复。