CDN Sumo heroku插件和字体资产

Question

我正在尝试使用CDN Sumo插件(使用cloudfront CDN)为一个托管在Heroku上的Rails3应用程序配置字体。

问题是Firefox没有加载字体资源。我认为问题在于Firefox中的"Access-Control-Allow-Origin“问题。但是我不能通过使用font_assets gem或者在Cloudfront中设置CORS策略来修复它(我没有访问它的权限，因为我使用的是CDN Sumo插件)。

有什么想法吗？

谢谢!

Answer 1

确保Access-Control-Allow-Origin头是由托管字体的服务器设置的。

如果您需要更改源站，可以通过CDN Sumo仪表板进行配置。

CDN Sumo暂时不支持自定义CORS策略。

作为参考，这些链接可能会很有用：

Setting CORS for rails apps

Firefox and CORS

Heroku / CDN / fonts

Answer 2

我刚刚发现了一个优秀的(免费的) CDNJS (由Cloudflare提供支持)，它开箱即用地支持CORS。

对于Rails应用程序，在布局文件中添加font- add链接标记，如下所示：

<%= stylesheet_link_tag "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css", :media => "all" %>

(当然，如果您使用的是资产管道，请确保从中删除了font- are。)

您可以继续将CDN Sumo用于您的其余资产。

Answer 3

我在Heroku上的一个Rails 3应用程序上也遇到了同样的问题；字体-令人敬畏的图标没有显示，因为我通过Sumo CDN运行我的资产。

有几个与此相关的回答，其中之一是在您的application_controller中放置一个after_filter来设置标头值(通过freemanoid)，但这对我来说不起作用，我不得不使用Peter Marklund建议的自定义中间件。

这两个解决方案都在这里的Rails3.1版本下发布：How to set access-control-allow-origin in webrick under rails?