icomoonのアイコンフォントをIE7・IE6にも表示させる

「icomoon」というサイトで作成したアイコンフォントが、IE7以下で表示できなくてハマリまくった。
しょう~もないミスでしたが、忘れてしまいそうなのでメモ。
(アイコンフォントの作成方法はすっとばしますのでご了承ください

まず、「icomoon」にてIE7/IE6対応のファイルもダウンロードできるよう設定。

icomoom2

GenerateFont→Preferncesクリックで「Suport IE7 & IE6」をチェック。icomoom1

WEBフォントをダウンロードすると「ie7」というフォルダ(ie7.jsとie7.cssが入っている)も一緒にダウンロードできる。

そして、JSファイルをHTML内に記述。ie7.cssも読み込み。

<!--[if lt IE 8]>
<script src="ie7/ie7.js"></script>
<!--<![endif]-->

でもIE7をエミュレーションで何度確認しても表示されない…
1日中悩んで、ググッても全然わからない。

jSファイルをガン見してたら、上部に気になるコメントが…
/* The script tag referencing this file must be placed before the ending body tag. */

</body>直前に書くこと

(゚⊿゚;)

てっきりhead内に書くものだと思ってた…

body終了タグ前に書き直して再確認

<!--[if lt IE 8]>
<script src="ie7/ie7.js"></script>
<!--<![endif]-->
</body>

無事IE7でも表示されました!!

IE6は未確認ですが、IE5で表示されたので多分大丈夫だと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です