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

Javascript 使用JS预加载正确的@font-face字体,javascript,font-face,Javascript,Font Face,是否可以预加载@font-face文件供以后使用 理想情况下,我想: 检测浏览器的正确字体文件(woff、eot、ttf等)并预加载 检测字体何时加载,以触发更多事件 这将构成计算进度和阻止页面交互的工具的一部分。这通常排除了基于浏览器的解决方案,如预回迁。您可以动态地向头部添加样式元素,并在其中声明字体 然后,您可以向任何元素动态添加一个类,您可以将字体的字体族值应用于该元素 不需要玩预加载。这个问题可能会有帮助:检查“@font-face”加载:我想玩预加载。字体文件可能很大,我想知道文

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

理想情况下,我想:

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

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

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

然后,您可以向任何元素动态添加一个类,您可以将字体的字体族值应用于该元素

不需要玩预加载。

这个问题可能会有帮助:检查“@font-face”加载:我想玩预加载。字体文件可能很大,我想知道文件什么时候下载完毕。