Gatsby&；Netlify

我与盖茨比合作，我与netlify一起部署，我与谷歌字体有问题。我正在使用Raleway（H1）和开放式SAN（body）。我尝试导入css中的字体，它在本地工作，而不是netlify上的在线版本，我尝试使用“盖茨比插件谷歌字体”在本地工作，但在netlify上不工作。我不知道问题出在哪里。您可以在此处查看网站： 有什么想法吗？

---

谢谢：）

最好的猜测，不要看到您的样式代码-它看起来只是CSS特有的错误，而不是Gatsby或Netlify特有的任何错误。您可以在devtools的“网络”选项卡中验证字体是否正确加载；如果您选择的文本元素呈现不正确，您会看到正确的字体（如“Open SAN”）被一种或多种其他字体屏蔽。在devtools中禁用时，您将获得所需的字体：

深入研究您的

index.css

文件，我发现：

• 字体系列

  在

  正文

  块中多次声明；带有

  georgia，serif

  的优先权高于带有

  Open SAN

  的优先权

• 类似地，对于头元素，您有具有竞争特殊性的规则；e、 g

h1，h2{
字体系列：-苹果系统、BlinkMacSystemFont、Segoe UI、Roboto、Oxygen、Ubuntu、Cantarell、Fira Sans、Droid Sans、Helvetica Neue、Sans serif；
// ...
}
//[进一步向下]
.着陆h1{
字体系列：Raleway，无衬线
}

知道这些CSS规则来自哪里吗？我从那里开始

---

关于为什么您在本地运行与在Netlify上运行的结果不同，请记住您在运行

gatsby develop

时看到的结果与将要部署的结果不一致，因为gatsby在“开发”模式下节省了一些时间来启用热重新加载等等，并且在“构建”中进行了大量优化生产绩效模式。。。99%的情况下，结果是相同的，但偶尔我会遇到边缘情况，它们会出现分歧。您是否尝试过在本地运行

gatsby build

，然后测试该步骤的静态输出（使用

gatsby-serve

或只是将

cd

”插入公共目录并启动指向

index.html

）的HTTP服务器？我敢打赌，通过这种方式，您可以在本地复制Netlify中看到的内容，这有助于调试

一部分，这是一个很好的例子