。
<link rel="preload" href="/src/assets/barlow/barlow-semibold-webfont.woff2" as="font" type="font/woff2" crossorigin />这会在使用之前加载字体（可以在开发工具的网络选项卡上看到），但是文本在常规字体后仍然出现：（我认为它有点快）。
然后我只是设置了一个使用该字体的元素，然后将其从屏幕上放在屏幕上。App.jsx
使用预加载，我们的自定义字体已下载，但尚未使用或渲染它。仅当字体实际上在页面上使用时，才会完全激活字体（即实际文本或无形文本（如hack]使用））。 您的骇客迫使浏览器应用字体并将其呈现在无形文本上，因此下次出现实际文本时，我们的字体被加载并加载，因此可以立即使用而无需任何延迟。
Extra点：我们可以使用{font-display：swap}减少用自定义字体加载文本的延迟，但hack效果很好，我认为是确保文本加载自定义字体而不会延迟的最佳方法。