Question

我正在使用谷歌Chrome 40进行一些非常奇怪的字体渲染，我希望其他人遇到并知道如何修复。一切都工作正常，直到两天前，所以我想知道它是否只是新铬的错误，但我无法找到任何其他情况。

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

我使用以下浏览器进行了测试： Chrome 38（Mac） - 好的 Chrome 40（Mac）Canary - Bad Chrome 40（Win）Canary - Inconsistent

Safari 7.1 - 好的 Safari 8.0 - 确定

Firefox 32.0.1 - 好的 Firefox 33.0 Beta - 好的 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中修复。

Answer 2

我去了chrome：// flags /并设置＆＃34; LCD文本抗锯齿＆＃34;禁用。

在Chrome 40中使用@ Font-Face渲染

2 个答案: