2019.05.30

WEBフォントがうまく反映されない時に確認すること

ttfやwoffなど様々なフォントファイルを読み込んで、CSSの@font-faceで新たなフォントスタイルを作成していました。 今まで表示に問題なかったのに、なぜか突然フォントスタイルが反映されなくなった!ってことありませんか? そんな時に確認したい2点をまとめました!

①フォントが正しく読み込まれているか

WordPressのテーマファイルを複製したりなどして、ディレクトリが変わっていたりしませんか? テストサイトと本番環境で、もしかすると取得しようとしているファイルのディレクトリが違っているかもしれません!

②URLが「http://~」になってしまっていないか

ブラウザで表示しているサイトのURLを「https://~」から始まるURLにすると表示されるようになりました! 恐らく「http://~」ではSSLで保護されていない外部ファイルとしてみなされてしまって読み込まれないんだと思われます。

Related Posts関連記事