頁面刷新後@fontface無法正常加載

Question

我有一個頁面，它使用通過@ font-face加載的字體將字符串繪製到畫布。

等待字體加載，我用： https://stackoverflow.com/a/11688948/746269

這在Firefox， 工作正常，並在鉻/歌劇首次打開頁面時 工作，但一旦我刷新頁面，並嘗試運行相同的代碼 ，直到我第二次運行代碼時，它最終會以默認的「字體未加載」字體 進行繪製。

除非我打開一個新窗口或右鍵單擊刷新並選擇'清空緩存和硬重新加載'， 第一次通過時它會始終失敗。

我想也許有些變量在刷新， 之間，但是當我儘管所有的值都是正確的時候，儘管它會繪製默認字體。

我不能告訴客戶端不刷新頁面，我根本看不到解決方案。 任何幫助將不勝感激:)

Answer 1

我解決了這個問題，將其添加到html 發現webkit加載字體與firefox和IE不同，在第一次加載它們在html中使用它們。

<div style="font-family: MyFontName; visibility: hidden; height: 0px; width:0px;">a</div>

Answer 2

我面臨着同樣的問題，我只是在我的頁面引用ModernizerJS腳本解決它。