如何确保在不使用WebFont Loader的情况下加载@ font-face

Question

所以我想在＆lt; canvas＆gt;中得到这个字体。元件。 Chrome似乎在首次使用时加载字体，而window.onload（）;在加载字体之前调用。

如何确保加载@ font-face字体？或者挂钩一个名为if的事件？

Google / Typekit WebFont Loader似乎有一个工具。大。那他们怎么做呢？我想用我自己的代码来做。

Answer 1

如果您仍然对此感兴趣（或其他任何人对这个问题感到困惑），WebFont Loader API的源代码目前在GitHub上：

https://github.com/typekit/webfontloader

关于检查字体是否有效的大多数有趣内容都出现在src/core/fontwatcher.js和src/core/fontwatchrunner.js中。看到它支持多个提供程序，您可能还需要查看特定提供程序的实现，以查看对象的使用方式（例如src/google/*.js）。