NotoSansのfont-weightが効かなかった件

NotoSansのfont-weightが効かなかった件
クライアントのウェブサイトにて表題の問題が発生し、すぐに原因の切り分けができなかったので備忘録。

症状
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