如何等待webfonts加載？

Question

我有一個使用webfonts的畫布元素。即使我使用jquery的onload方法($(function() {});)，運行onload時字體仍可能不可用 - 有時我的畫布不呈現文本，有時候它工作得很好。

無論如何，我可以傳遞一些回調到谷歌網頁字體後，所有的字體已經加載運行？

Answer 1

如果嵌入通過 「web字體加載程序」（由谷歌和Typekit使用）的字體，你可以訂閱active事件。一旦所有字體被加載，它將被觸發。

看一看文檔：https://developers.google.com/webfonts/docs/webfont_loader#Events

Answer 2

嘗試使用窗口加載偵聽器。它會在圖形，CSS，網頁字體等被加載後觸發。

http://api.jquery.com/load-event/

運行功能，當頁面完全加載包括圖形。

$(window).load(function() { 
    //do something 
}); 

http://jsfiddle.net/kwLf9/1/