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

Question

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

理想情况下，我想：

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

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

Answer 1

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

然后，您可以动态地将类添加到任何元素，您可以为其应用字体的font-family值。

无需使用预加载。