Reactjs 字体显示：块仍然会导致FOUT

我正在使用AdobeTypeKit来处理桌面上的字体

使用AdobeFont的在线界面，我将

Font-display

设置为

block

，因为从本地字体转换为Typekit字体往往非常不协调。无论字体显示设置如何，始终会出现未设置样式的文本（FOUT）闪烁。我的字体有什么问题

值得一提的是，我的网站是基于盖茨比的，正在使用。

从切换到并使用

Gatsby config.js中的以下配置解决了问题：

{
解析：`gatsby omni字体加载器`，
选项：{
模式：`render blocking`，
预连接：[`https://use.typekit.net`],
网站：[
{
名称：`font1`，
文件：`https://use.typekit.net/${process.env.TYPEKIT_ID}.css`，
},
{
名称：`font2`，
文件：`https://use.typekit.net/${process.env.TYPEKIT_ID}.css`，
},
],
},
}