Gatsby入门-当我使用google字体向public/index.html添加链接标签时,它在开发模式下工作。当我构建站点时,index.html被重置。所以我猜还有另一种合适的方法来添加字体?
发布于 2018-12-13 05:36:23
您还可以使用gatsby tutorial中讨论的react-helmet。
在头盔组件中包含google字体链接元素。
如下所示:
<Helmet>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
</Helmet>
我最终走上了这条路,因为我已经手动做了一些样式,当我尝试使用排版时,它做了一大堆更改,我需要一段时间才能撤销。
发布于 2017-11-26 03:43:48
例如,将以下内容添加到src/layouts/index.css
的顶部,以通过谷歌导入'Roboto‘字体
@import url('https://fonts.googleapis.com/css?family=Roboto');
html {
font-family: 'Roboto', sans-serif;
}
然后,这将由gatsby构建过程处理,并包含在网站的最终生产版本中。
发布于 2018-05-06 04:32:23
我的印象是Typefaces是最好的选择。没有额外的(阻塞)网络请求。
只要你能在NPM上找到你的字体
https://stackoverflow.com/questions/47488440
复制相似问题