javascript - 如何等待 webfonts 加载?

标签 javascript fonts webfonts google-webfonts

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

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

最佳答案

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

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

关于javascript - 如何等待 webfonts 加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14347951/

相关文章:

Bash:无法创建具有 unicode 字符的目录

html - Opera 不渲染 webfonts 中的某些字符

jquery - CSS:动态字体大小;跨越 div 的整个宽度

html - 如何使用 css 更改打开字体的内部颜色?

javascript - 如何判断哪个选项卡处于事件状态

javascript - Onsen 在同一页面上使用导航器和侧边栏

html - Web 字体无法应用于在浏览器上工作的时事通讯(GMAIL、Yahoo Mail、Outlook、Hotmail 等)

webfonts - Web 字体在某些 Firefox 中不起作用(包括 Google 字体示例页面)

javascript - autoprefixer 针对 'last 2 versions' 的目标浏览器是什么?

javascript - JavaScript 中的动态回调