Avadaでアイコンが表示されないバグを直す

/カテゴリ: /作成者:

1

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

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

.htaacessでCORSを許可するコマンドを入れます．

# 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を手動でインストールすると上手くいきました．

How To Fix Missing Font Awesome Icons Or Custom Fonts