サイトをSSL化したら「FontAwesome」が読み込まれなくなった

タイトルの通りで、SSL化したら「FontAwesome」のアイコンが読み込まれなくなってしまいました。

Chromeのコンソールで確認してみると、以下のエラーが出ていました。

Mixed Content: The page at ‘https://〜’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css’. This request has been blocked; the content must be served over HTTPS.

調べてみたところ、「httpsからhttpにリクエスト飛ばすと危険なのでブロックしました」といった内容らしい。

ということで、<head>内でリンクさせていた、

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<link href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

に変更して解決。(http:をhttps:にしただけ)

メモメモ。

シェアしていただけますと嬉しいです! 

« »