Google Chrome問題渲染字體來自@ font-face

Question

早上好，

今天，我的Google chrome瀏覽器更新為42（42.0.2311.90），我注意到我正在處理的網站出現了很多問題，文本將通過div，而填充將被忽略。

有趣的是，如果您檢查元素並取消勾選任何元素，然后再次勾選它，則它將開始正常工作。 在任何其他瀏覽器或chrome的早期版本中都沒有問題（同事仍然有41）。 如果您刷新頁面多次，則該站點將正確顯示。 如果我刪除@ font-face，則該網站可以正常工作。

看來chrome似乎已經改變了繪制/渲染外部字體的方式，或者它在繪制所有其他元素之后最后加載了該字體。

有誰知道使用@ font-face使其適用於Chrome（新版本）chrome友好的任何可能的修復或平滑方法？

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