99. A-tag-not-highly-recommended

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

Things To Do Chalkboard

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

 

データサイエンティスト
絹田 真也
千葉県市川市在住。大手通信キャリアのデータサイエンティスト。 個人で活動する場所が欲しくてブログをしています。 NP & Companyという個人事務所でITサービス企画開発も細々しています。 通信キャリアでデータサイエンティスト←古河電工でデータエンジニアリング←慶應大学←慶應高校
twitter-timeline