サイトを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:にしただけ）
メモメモ。
タグ: SSL | 2017年8月25日
