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

Question

所以我在 元素中得到了我想要的字体。 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）。