Question

早上好，

今天我的谷歌浏览器浏览器更新到42（42.0.2311.90），我注意到我正在处理的网站出现了很多问题，文本将通过div，填充被忽略。

有趣的是，如果你检查元素并取消任何东西并再次打勾，它就会开始正常工作。任何其他浏览器或以前版本的chrome都没有问题（同事仍有41个）。如果您多次刷新页面，则网站会正确显示。如果我删除@ font-face，该网站可以正常工作。

看起来Chrome似乎改变了它绘制/渲染外部字体的方式，或者在绘制所有其他元素后最后加载它。

有没有人知道使用@ font-face进行任何可能的修复或顺利的方式使它（新版本）镀铬友好？

@font-face {
font-family: 'MyFontFile';
src:  url("../css/fonts/MyFontFile.eot")  format("embedded-opentype"),
url("../css/fonts/MyFontFile.ttf") format("truetype"),
url("../css/fonts/MyFontFile.svg") format("svg"),
url("../css/fonts/MyFontFile.woff") format("woff");
font-style: normal;
font-weight: normal;
}

Answer 1

为了解决这个问题，我不得不强制浏览器重绘。将以下jquery放入，这会强制浏览器重绘。

$('body').hide().show(0);

谷歌浏览器问题渲染字体来自@ font-face

1 个答案: