2014年2月4日火曜日

Font Awesome Iconsがmacでしか表示されない件

http://fortawesome.github.io/Font-Awesome/icons/
を使って、webフォントを表示しようとしたのですが、Macでは表示されるものの、Windowsで開くとなぜか豆腐化してしまいました。

原因
1.記法の誤り
Font Awesome 3系では
<i class="icon-○○○">
みたいなかんじでした

Font Awesome 4系では
<i class="fa fa-○○○" >
となります
→誤りはなかった

2.クロスドメイン問題
http://qiita.com/ikedahidenori/items/a33236a40986cd22f37d
→書かれている通り試したがうまくいかず・・・

最終的にCDN版を利用することで解決しました。
http://h2ham.net/font-awasome
うーん。。。