所以我在 <canvas> 元素中得到了我想要的字体。Chrome 似乎在首次使用时加载字体,window.onload(); 在加载字体之前调用。
如何确保加载 @font-face 字体?或者挂钩到一个叫做 if 的事件?
Google/Typekit WebFont Loader 似乎有一个工具。伟大的。那么他们是怎么做到的呢?我想用我自己的代码来做。
所以我在 <canvas> 元素中得到了我想要的字体。Chrome 似乎在首次使用时加载字体,window.onload(); 在加载字体之前调用。
如何确保加载 @font-face 字体?或者挂钩到一个叫做 if 的事件?
Google/Typekit WebFont Loader 似乎有一个工具。伟大的。那么他们是怎么做到的呢?我想用我自己的代码来做。
如果你仍然对此感兴趣(或者其他人偶然发现了这个问题),WebFont Loader API 的源代码目前在 GitHub 上:
https://github.com/typekit/webfontloader
看起来大多数关于检查字体是否处于活动状态的有趣内容都发生在src/core/fontwatcher.js
和src/core/fontwatchrunner.js
. 看到它支持多个提供者,您可能还想查看特定提供者的实现以了解对象的使用方式(例如src/google/*.js
)。