Heroku / Cloudfront / Fonts / Firefox

Question

有相当多的SO问题(1、2、3等)这解决了我遇到的相同问题(由于CORS问题，字体无法在FireFox上显示)。我已经尝试了上述问题中提出的所有解决方案，以及谷歌搜索该问题时出现的各种博客帖子。

在我的具体案例中，我在Heroku上使用Cloudfront，但我没有使用S3 (我的资产在第一次请求时被拉到CDN )。我也在使用站点范围的SSL (我不确定这是否是导致我的问题的原因，因为所有其他示例似乎都是针对http://站点的)。目前我正在尝试使用font_assets gem，但是当我卷曲我的字体文件(甚至是jpg文件)时，我得到的是永久移动的301，而不是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导入而不是requires，修复了同样的问题。

发自：

//= require font-awesome

至：

@import 'font-awesome';

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