reactjs - 如何将 google 字体添加到 gatsby 网站

Question

Gatsby 入门 - 当我使用 google 字体将链接标记添加到 public/index.html 时，它可以在开发模式下工作。当我构建网站时，index.html 会被重置。所以我想还有另一种正确的方法来添加字体？

Answer 1

您还可以使用react-helmet ，这在 gatsby tutorial 中进行了讨论。

在 Helm 组件中包含 google fonts 链接元素。

像这样:

<Helmet>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
</Helmet>

我最终选择了这条路线，因为我已经手动完成了一些样式设置，当我尝试使用 Typography 时，它进行了一系列更改，这些更改需要我一段时间才能撤消。