フォーラムで、さくらサーバ環境にてSimplicityのソーシャルボタンなどのアイコンが表示されないという報告がありました。
一応、テーマの不具合かもしれないので、表示されなかったテーマファイルをメールで送信してもらい、表示を確認しましたが、こちらの環境では普通に表示されていました。
ということは、やはりサーバーなどの環境に依存する問題なのかと思い、調べてみたら、原因はウェブフォントのクロスドメイン問題のようです。
※さくらサーバーでも新しいサーバではちゃんと表示されます。サーバー情報を調べてみた感じでは、不具合の出ていたサイトは2005年頃サーバーを取得されていました。なので古いサーバーでは、アイコフォントが使えないのではないかと思います。
追記：ロリポップの古い環境（2005年頃のサーバー）でも同様の不具合を確認しました。
クロスドメイン問題の解決方法
調べてみたら、いくつか解決方法があるようなので紹介します。
CDNでウェブフォントを参照する
それら解決策の内、最も簡単なものが以下。
アイコン表示において、便利なFont-Awesome。 使い方はいろんなブログが解説しているので省きますが、WordPressテーマ「PlaneWhite」において、特定の環境でFont-Awesomeが表示されないとい
この方法は、ヘッダーからFont AwesomeのCDNを参照することで問題を解決します。
ただ、この方法だと、僕が独自で作ったfeedlyアイコンでは利用できません。この方法を利用するときは、Simplicityのテーマカスタマイザーから、feedlyの表示を非表示にする必要があります。
.htaccessを設定する
その他の方法として、サーバー上の.htaccessを編集する方法があります。
この方法も、特に難しくはなさそうですが、.htaccessの編集を誤ると、サイトが表示されなくなることがあります。ですので、.htaccessファイルを編集する前は、必ずバックアップを取って、失敗した時にいつでも復旧できるようにしておいてください。
Firefox,font awesome, 表示できない,クロスドメイン制約,WEBフォント
結論から言うと、解決したのですが、そもそも対応があってるのかわからないので、もっとよいやり方がありましたら教えていただけると、丸２日間「IEシネ！IE死ね！」と叫び続けて憔悴しきった僕の心が救われま…
何か他に良い解決方法があれば、教えていただけると幸いです。
