クロスドメイン制約によりFirefoxでFont AwesomeなどのWEBフォントを表示できない場合の設定 - Lowaivill Tech Blog

クロスドメイン制約によりFirefoxでFont AwesomeなどのWEBフォントを表示できない場合の設定by Tech Topics2013年11月21日2016年1月13日1件のコメント 【この記事を読むのに必要な時間は約 4 分です】 Font Awesome などのWEBフォントを利用する際に、フォントを利用するサイトのドメインとWEBフォントを配置したサーバのドメインが異なる場合、使用するブラウザとそのバージョンによってはクロスドメイン制約のためWEBフォントにアクセスできず、フォントが正常に表示されないことがあります。 この場合、WEB フォントを配置したサーバ側に他のドメインからのアクセスを許可するよう設定を追加することで、WEB フォントを表示できるようになります。 Firefoxなどの最新ブラウザではクロスブラウザを許可しない 以下では、リストのマーカーとして <i c

[nilab]

Header set Access-Control-Allow-Origin

[ginpei]

他オリジンのCSSは読めてもそこからフォントファイルを参照できなくなってるそうだ。サーバーの設定でHTML側オリジンを許可する必要がある。