2013-06-12 13 views
5

私はHerokuでホストされているRails3アプリと、CDN Sumoアドオン(クラウドフロントCDNを使用)を使ってフォントをすばらしい設定にしようとしています。CDN Sumo heroku addonとフォントアセット

問題は、Firefoxがフォントアセットを読み込んでいないことです。私は問題がFirefoxの "Access-Control-Allow-Origin"問題だと思う。しかし、私はfont_assets gemやCloudfrontのCORSポリシーを設定して修正することはできません(私はCDN Sumoアドオンを使用しているためアクセスできません)。

ありがとうございます!

答えて

5

Access-Control-Allow-Originヘッダーがフォントをホストしているサーバーによって設定されていることを確認してください。

元のサーバーを変更する必要がある場合は、CDN Sumoダッシュボードを使用して構成できます。

CDN Sumoは現在、カスタムCORSポリシーをサポートしていません。

参考のために、これらのリンクは役に立つかもしれない:

Setting CORS for rails apps

Firefox and CORS

Heroku/CDN/fonts

2

私は優秀な(そして無料)を発見したがCDNJS(CloudFlareので駆動)CORSをサポートしています箱から出してください。 Railsのアプリのために

、このようなあなたのレイアウトファイルにフォント素晴らしいCSSのリンクタグを追加します。

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

を(もちろん、あなたが資産のパイプラインを使用している場合、あなたはからフォント素晴らしいを削除することを確認してください)

残りの資産については、CDN Sumoを引き続き使用することができます。

1

私はHerokuのRails 3アプリで同じ問題がありました。 Sumo CDNを使用して資産を運用していたため、フォントの恐ろしいアイコンが表示されませんでした。

これに関連していくつかの回答がありますが、application_controllerにafter_filterを置いて(freemanoidによって)ヘッダ値を設定することですが、それは私のためには機能しませんでした。カスタムミドルウェアPeter Marklundによって提案された。

両方のソリューションは、Rails 3.1のバージョンの下に掲載されています。 How to set access-control-allow-origin in webrick under rails?