javascript - 如何等待 webfonts 加载？

Question

我有一个使用 webfonts 的画布元素。即使我使用 jquery 的 onload 方法($(function () {});)，运行 onload 时字体似乎仍然不可用——有时我的画布不呈现任何文本，而在其他时候它工作得很好。

无论如何，我可以在所有字体加载后将某种回调传递给 google webfonts 以运行？

Answer 1

如果您通过“WebFont Loader”（由 Google 和 Typekit 使用）嵌入字体，则可以订阅该active事件。一旦加载了所有字体，它将被触发。

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

Answer 2

尝试使用窗口加载侦听器。它会在图形、css、webfonts 等被加载后触发。

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

当页面完全加载时运行一个函数，包括图形。

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

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