为什么Google字体在Heroku中不起作用而在本地起作用?

问题描述

我正在使用express + heroku托管着陆页原型。

在本地运行网页时,所有字体均正确加载。

在heroku上加载页面时,字体大部分时间都无法使用...

我的css文件位于/public/css/style.css

@import url("https://fonts.googleapis.com/css2?family=Playfair+display&family=Helvetica");

我在控制台上看到的错误是:

GET https://fonts.googleapis.com/css2?family=Playfair+display&family=Helvetica net::ERR_ABORTED 403

我试图更改带有链接标签的字体的下载方式:

<link href="https://fonts.googleapis.com/css?family=Playfair+display&family=Helvetica" rel="stylesheet">

同一问题...

有什么想法吗?

谢谢!

解决方法

我曾经遇到过同样的问题,但是删除公用文件夹中的资产文件夹对我来说解决了这个问题。这将让Heroku为您预编译css文件,而不使用在本地运行rake asset:precompile生成的文件。

这个人似乎对自己有类似的问题:

http://robert-reiz.com/2012/11/16/google-fonts-on-heroku/