Avadaで,アイコンが上手く表示されないバグを直します.SSL化によるもの,CORSポリシーに関するもの,キャッシュに由来するものの3つの原因があります.

原因1:フォントが別のドメインにある

 

# Apache config
<FilesMatch ".(eot|ttf|otf|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>

 

原因2:キャッシュを読み込んでいる

キャッシュを削除します,

原因3:SSL化しているのにフォントだけ非SSL通信を行なっている

何らかの原因でフォントだけ非SSL通信で読み込んでいる場合,ブラウザ側でブロックすることがあります.この場合,「Better Search Replace」などのプラグインを使ってhttp://を https:// で置き換えてください.

原因3:XserverのWordPress簡単インストールを使っている

XserverのWordPress簡単インストールを使っているとフォントだけhttp://で読み込んでしまう問題が発生します.簡単インストールの場合,「Better Search Replace」を使った対応では上手くいきません.WordPressを手動でインストールすると上手くいきました.