WordPressでLuxeritasを使っていたらCORSで怒られてアイコンがでなくなった件

2019年5月16日

WordpressでLuxeritasを使っていたらCORSで怒られてアイコンがでなくなった件

WordPressでLuxeritasを使っていたらCORSで怒られてアイコンがでなくなった件

Access to font at ‘http://use.fontawesome.com/releases/v5.5.0/webfonts/〜’ has been blocked by CORS policy: The response is invalid.

 こんなエラーが出て、アイコンが出なくなりました。

ホームアイコン

こんなホームアイコンが出るはずが、

ホームアイコン

□マークに!

CORSってことなので、たぶんCDN側の設定がおかしいのかもなということで、ローカルから読み込むように設定変更できないかなーと思ったらやっぱりありました。

とりあえず応急処置でLuxeritasのカスタマイズの中のCSSから、

とりあえず応急処置でLuxeritasのカスタマイズの中のCSSから、

アイコンフォントのCSSで、Font Awesomeのフォントファイル本体の読み込み方法のところをCDNではなくローカルに変更しました。

アイコンフォントのCSSで、Font Awesomeのフォントファイル本体の読み込み方法のところをCDNではなくローカルに変更しました。

で、更新をかけたらアイコンが出るようになったので一段落。