首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将google字体添加到gatsby站点

如何将google字体添加到gatsby站点
EN

Stack Overflow用户
提问于 2017-11-26 00:58:34
回答 10查看 31.7K关注 0票数 48

Gatsby入门-当我使用google字体向public/index.html添加链接标签时,它在开发模式下工作。当我构建站点时,index.html被重置。所以我猜还有另一种合适的方法来添加字体?

EN

回答 10

Stack Overflow用户

发布于 2018-12-13 05:36:23

您还可以使用gatsby tutorial中讨论的react-helmet

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

如下所示:

代码语言:javascript
运行
复制
<Helmet>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
</Helmet>

我最终走上了这条路,因为我已经手动做了一些样式,当我尝试使用排版时,它做了一大堆更改,我需要一段时间才能撤销。

票数 51
EN

Stack Overflow用户

发布于 2017-11-26 03:43:48

例如,将以下内容添加到src/layouts/index.css的顶部,以通过谷歌导入'Roboto‘字体

代码语言:javascript
运行
复制
@import url('https://fonts.googleapis.com/css?family=Roboto');

html {
  font-family: 'Roboto', sans-serif;
}

然后,这将由gatsby构建过程处理,并包含在网站的最终生产版本中。

票数 45
EN

Stack Overflow用户

发布于 2018-05-06 04:32:23

我的印象是Typefaces是最好的选择。没有额外的(阻塞)网络请求。

只要你能在NPM上找到你的字体

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47488440

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档