我正在尝试在我的Gatsby网站中添加Google字体（Mukta Malar）。
我看过很多关于在Gatsby网站上添加Google字体的文章，其中大多数似乎都使用了该插件：gatsby-plugin-prefetch-google-fonts。
我在网站中使用了上述插件，方法是将其添加到gatsby-config.js文件中，如下所示：
plugins: [
{
resolve: `gatsby-plugin-prefetch-google-fonts`,
options: {
fonts: [
{
family: `Mukta Malar`
},
],
},
}
]
并将字体系列也添加到我的css文件中：
* {
font-family: "Mukta Malar", sans-serif;
}
但是Google字体不适用于该网站。我的代码中是否缺少隐藏的步骤？
该插件似乎不再受维护，它是escalade monorepo（引发404错误）的一部分，该内核最后一次提交是在1年前。
我建议gatsby-plugin-google-fonts您在display: swap不影响性能的情况下使用字体。在您的情况下：
{
resolve: `gatsby-plugin-google-fonts`,
options: {
fonts: [
`mukta malar`
],
display: 'swap'
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句