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

Question

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

理想情况下我想：

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

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

Answer 1

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

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

无需玩预加载。