Question

有很多问题（1，2，3等）可以解决我遇到的同样问题（字体不会在FireFox上显示，因为CORS问题）。我已经尝试了上述问题中提出的所有解决方案，以及Google搜索问题时出现的各种博客文章。

在我的具体情况下，我在Heroku上使用Cloudfront，但我没有使用S3（我的资产在第一次请求时被拉到CDN）。我也在使用站点范围的SSL（我不确定这是否是导致我的问题的原因，因为所有其他示例似乎都适用于http：//站点）。目前我正在尝试使用font_assets gem，但当我卷曲我的一个字体文件（甚至是jpg文件）时，我得到的是301 Moved Permanently而不是200.

 curl -i https://d2loy3ox2q4ikr.cloudfront.net/assets/fontawesome-webfont-9a3b8f90662fe9149f07a059f1a4c782.woff
 HTTP/1.1 301 Moved Permanently
 Content-Type: text/html
 Transfer-Encoding: chunked
 Connection: keep-alive
 Date: Wed, 09 Apr 2014 12:27:33 GMT
 Location: https://www.transdraft.com/assets/fontawesome-webfont-9a3b8f90662fe9149f07a059f1a4c782.woff
 Status: 301 Moved Permanently
 X-Cache: Miss from cloudfront
 Via: 1.1 1316c66c042cd4b103a533bbf48877a5.cloudfront.net (CloudFront)
 X-Amz-Cf-Id: NciaYbAYVS7OpY6ORzjeZMurd_cyBo-B1WfN1QZbSexbM2DoD0vWqg==

 curl -i https://d2loy3ox2q4ikr.cloudfront.net/assets/transdraft-hp-2-0fa26dc608ff6a3ea83a093dce8e6338.jpg
 HTTP/1.1 301 Moved Permanently
 Content-Type: text/html
 Transfer-Encoding: chunked
 Connection: keep-alive
 Date: Wed, 09 Apr 2014 12:28:47 GMT
 Location: https://www.transdraft.com/assets/transdraft-hp-2-0fa26dc608ff6a3ea83a093dce8e6338.jpg
 Status: 301 Moved Permanently
 X-Cache: Miss from cloudfront
 Via: 1.1 c8b893f88c46deef2c0f22aefa2d3ecc.cloudfront.net (CloudFront)
 X-Amz-Cf-Id: 897u3X7te5f167cZlJiBME1UlBp5NYtGrKm18D4FWOHlTEFMITYTLw==

知道我可能做错了吗？

Answer 1

我通过修改我的application.css.scss以使用SCSS导入而不是需要修复了同样的问题。

自：

//= require font-awesome

致：

@import 'font-awesome';

如果您不使用SCSS，这可能对您不起作用。

Heroku / Cloudfront / Fonts / Firefox

1 个答案: