javascript - 用 JS 预加载正确的@font-face 字体

Question

是否可以预加载 @font-face 文件以供以后使用？

理想情况下，我想：

• 检测浏览器的正确字体文件（woff、eot、ttf 等）并预加载
• 检测字体何时加载，触发更多事件

这将构成预加载器工具的一部分，该工具将计算进度并阻止页面交互。这通常排除了基于浏览器的解决方案，例如预取。

Answer 1

您可以动态地将样式元素添加到头部，并在其中声明您的字体。

然后，您可以动态地将类添加到任何元素，您可以将字体系列值应用于您的字体。

无需玩预加载。