css - Chrome 64 位字体渲染

Question

我在使用新的 64 位 Chrome 时遇到问题。
它不会以常规方式呈现自定义字体，仅以粗体呈现。

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

这是我得到的:

@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);
}

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