如何将Google字体添加到Gatsby站点 [英] How do I add google fonts to a gatsby site

问题描述

Gatsby入门-当我使用Google字体将链接标记添加到public/index.html中时，它在开发模式下工作。当我构建站点时，index.html被重置。那么我猜还有其他合适的方法来添加字体吗？

推荐答案

您也可以使用react-helmet，这在gatsby tutorial中讨论过。

在头盔组件中包含Google字体链接元素。

这样：

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

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

这篇关于如何将Google字体添加到Gatsby站点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！