web関連

wordpressでサイトを公開用ドメインに当てたらフォントアイコンが当たらなくなった時のメモ

wordpressでサイトを公開用ドメインに当てたらフォントアイコンが当たらなくなった時のメモ

サイトをリニューアル作業中本番のドメインを当てたらiconmoonで作ったフォントアイコンが当たらなくなった時に使ったコードメモ

.htaccessに書きます

以下のコードを.htaccessに書いたら僕は直りました。


  
    Header set Access-Control-Allow-Origin "*"
  

フォントファイルを置いてるディレクトリの直下って参考サイト書いてあったりしたけどwordpressで勝手に生成される「.htaccess」に以下の記述を書いたら見られるようになった。

今回のフォントアイコンが当たらなくなった原因として考えられるのがWordpressの「サイトのurlがwww付き」で「管理画面のurlがwwwなし(後でwwwつきで揃えてる)」という状態が一時的にあってそれが原因かも…
※今回お客さんのサイトリニューアル作業をしたんだけど、fontsフォルダをテーマ内に作ってそこにiconmoonで作ったフォント入れてました。

というのも2014/1/16に「Cross-Origin Resource Sharing(CORS)」という仕様がW3Cの方で実装されたみたいなんだけど、異なるドメイン間でデータを参照するのを制限するっぽい。
www付きとwwwなしのドメインって異なるドメインという扱い?わかんないけど…

前述したコードは異なるドメイン間で参照を許可する記述で、コードを.htaccessに書いた事でみられるようになったという事であれば納得

最終的にwwwありにサイトと管理画面の統一したんだけど、その後に前述したコード消してもフォントアイコン見れたのも同一ドメインという扱いになったことなのかな?

初めての現象だったから、素人ながらの推理なので間違ってたらすいません。

ぶっちゃけよくわかりません、はい。