javascript - 预加载带有散列名称的字体文件

Question

我正在使用 React 应用程序并具有以下字体文件

但是在生成构建时，react 会创建带有散列名称的字体文件，如下所示：

当我在灯塔上运行应用程序时，它建议我预加载这些文件。
但我无法弄清楚如何预加载具有散列名称的文件。

标签： javascripthtmlreactjsperformancepreload

Answer 1

没有真正的方法可以通过 react 做到这一点，但有一些变通方法。我使用的是位于公共目录的 index.html 中，我添加了一个

<div style="opacity: 0">
  <span style="font-family: 'FiraGO';"></span>
</div>

您可以根据需要添加尽可能多的字体系列，只需确保您还在 App.js 中正确加载了必要的字体源。