Chrome 64bit字体面部渲染

Question

我遇到了新的Chrome 64位问题 它不会以常规方式呈现自定义字体，只能以粗体显示。

图像的顶部是它的显示方式。底部是它实际呈现的内容

这是我得到的：

@font-face {
    font-family: 'icons';
    src: url('../fonts/icons.eot');
    src: url('../fonts/icons.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/icons.woff') format('woff'), 
         url('../fonts/icons.ttf') format('truetype'), 
         url('../fonts/icons.svg#untitled_fontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon {
    font-family: 'icons'; font-style: normal; font-weight: normal;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    position: relative;
    display: inline-block;
}

我已经在Firefox，Safari和Opera中对它进行了测试，这一切都很好 有什么建议......？

由于

Answer 1

我设法做了一些有用的“黑客” 我刚刚在字体中添加了“translateZ”，现在很好，

.icon {
    font-family: 'icons'; font-style: normal; font-weight: normal;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    position: relative;
    display: inline-block;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

但我仍然不知道为什么会这样。