如何等待webfonts加载?

时间:2013-01-15 22:18:34

标签: javascript fonts webfonts google-webfonts

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

无论如何,我可以通过某种回调方式将google webfonts运行到所有字体加载后运行?

2 个答案:

答案 0 :(得分:3)

如果您通过“WebFont Loader”(由Google和Typekit使用)嵌入字体,则可以订阅active事件。一旦加载了所有字体,它就会被触发。

查看文档:{​​{3}}

答案 1 :(得分:-3)

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

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

  

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

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

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