Elusive-IconsなどWebフォントがFirefoxで表示されない場合の対処法

webフォントの設置場所にAddTypeの設定がされてないと
Firefoxはクロスブラウザのwebフォントは読み込まないようです。

つまり
cssファイルの置き場所とwebフォントの置き場所が違うドメインの場合、Firefoxはセキュリティーの観点から勝手に読まないぞってことのようです。

ってことで
Elusive-IconsFont Awesome など使いたいときはフォントファイルを設置してある階層に.htaccessファイルなどで以下の設定をしましょう。

header add Access-Control-Allow-Origin *
AddType application/vnd.ms-fontobject   eot
AddType application/x-font-ttf  ttf ttc
AddType font/opentype   otf
AddType application/x-font-woff woff

コメント

タイトルとURLをコピーしました