クライアントのウェブサイトにて表題の問題が発生し、すぐに原因の切り分けができなかったので備忘録。
- 症状
- bodyのfont-familyにNoto Sans JPを指定しており、font-weightに700や900を指定しても、500と同じ太さで表示される。
- 原因
- SSL化されているウェブサイトなのに非SSLでCSSを読み込んでいた。正しい記述は下記の通り。
誤:http://fonts.googleapis.com/earlyaccess/notosansjp.css
正:https://fonts.googleapis.com/earlyaccess/notosansjp.css
PCにインストールされているNoto Sansを読んでいただけで、ウェブフォントは読み込めていなかったというオチ。Chromeのアドレスバーに警告マークが出ているので、すぐに気づきそうなものですが、見落としていました。反省します。
0