我如何添加谷歌字体到盖茨比网站
Gatsby入门-当我用google字体向public/index.html添加链接标记时，它在开发模式下工作。当我构建站点时，index.html会被重置。所以我猜还有另外一种适当的方式添加字体？
共有2个答案
在src/layouts/index.css的顶部添加以下内容，例如通过Google导入'roboto'字体
@import url('https://fonts.googleapis.com/css?family=Roboto');
html {
font-family: 'Roboto', sans-serif;
}
然后，这将由gatsby构建过程处理，并包含在站点的最终生产版本中。
您还可以使用react-helmet，这在gatsby教程中进行了讨论。
在helmet组件中包含一个google字体链接元素。
像这样：
<Helmet>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
</Helmet>
我最终走上了这条路，因为我已经手动做了一些样式，当我尝试使用排版时，它做了一堆更改，而这些更改需要我一段时间才能撤消。
-
获得一台新电脑并从GitHub克隆了我的项目，然后运行，但随后它安装时出现了许多错误，因此现在我运行了，并获得了下面的错误消息。请帮助我 错误#10226配置 找不到在“C:\Users\Administrator\Desktop\Projects\IamJude\gatsby config.js”中声明的“gatsby plugin sharp”插件。 尝试在C:\Users\Administr
-
我想在我的网站上使用谷歌的Roboto字体，我正在遵循这个教程： http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 我下载了一个文件夹结构如下的文件： 现在我有三个问题： 我的URL中有css。那么我需要将文件夹放在哪里？ 我是否需要从所有子文件夹中提取所有eot、svg等，并将其放入文件夹？ 是否
-
我想知道google fonts是如何发现的，应该加载哪些字体。例如，当我在CSS中使用此 它返回一个立即解释的CSS（加载此资源甚至会阻止浏览器呈现afaik）： 我一直认为，当您在CSS中提供时，浏览器会立即加载此资源。 但是，当您打开这支笔http://codepen.io/anon/pen/EgkvEr并查看您的网络选项卡（可能清除您的缓存）时，您可以看到它恰好加载了两个资源：http:/
-
我与使用google-webaffts有一个非常严重的冲突。好的，这是代码： 这是在头: 这是在css文件中： “奥斯瓦尔德”是由3种字体组成的字体系列： 书（300） 正常（400） 粗体（700） 正如你看到的那样..我只加载了粗体字(700)。(你可以在查询中看到)它一直工作到这里，但是… 问题是： 我的计算机上安装了3种字体（300,400,700）的桌面版本，只要这些字体被激活…浏览器在
-
D:\gatsby站点 盖茨比起动器-default@0.1.0开发D:\gatsby站点 盖茨比发展 错误 加载插件“gatsby plugin sharp”时出现问题。也许你需要安装它的软件包？使用--verbose查看实际错误。 错误#10226 CONFIG 找不到在“D:\gatsby site\gatsby config.js”中声明的“gatsby plugin sharp”插件。
-
问题内容： 我已经使用此 链接 设置了gatsby项目。它工作正常。 现在，我知道如何通过在 文件夹内定义组件来创建路由。但是现在我面临一个新挑战，我需要创建一条动态路线，以便我可以通过 它（就像一样）。 如何在盖茨比做到这一点？ 问题答案： 您必须明确告诉gatsby路径应该是动态的。从文档： 然后您可以在其中使用动态路由 现在，将动态处理所有内容。您应该在道具中照常找到自己的ID。 看看他们的