zukucode
主にWEB関連の情報を技術メモとして発信しています。

webフォントがIE11で表示されない場合の対処法

FontAwesomeなどのwebフォントがなぜかIE11のみ表示されないことがありました。

直接の詳しい原因はわかりませんが、htaccessで以下のように記載してキャッシュコントロールしているとうまくいかないようです。

.htaccess
Header set Pragma no-cache
Header set Cache-Control no-cache

対処法として、フォントファイルは以下のようにキャッシュをさせないように修正しました。

.htaccess
Header set Pragma no-cache
Header set Cache-Control no-cache

<FilesMatch "\.(woff|eot)$">
    Header unset Pragma
    Header unset Cache-control
</FilesMatch>

関連記事