ブートストラップのアイコンが表示されません

-1

皆さん、私は問題があります。ブートストラップのアイコンが表示されません

私のプロジェクトはGitHub上にあり、ブートストラップアイコンに問題があります。サイトをローカルで開くと、すべては問題ありませんが、私のプロジェクトは表示され、ネットで開くとBootstrapのアイコンは表示されません。

誰でも知っていますか？

出典

2017-01-18 Nikola

理由を知るには関連コードが必要です。ブラウザのコンソールウィンドウにエラーがありますか？ – hvaughan3

あなたはグリフィコンについて話していますか？現在どのようにフォントファイルにリンクしていますか？ –

これは私のプロジェクトの1つです：https://nikolanbgd.github.io/Gym/。各ラウンドでアイコンでなければなりません – Nikola

あなたのフォントは、httpページではなくhttpsページから読み込んでいるため、読み込みが行われません。使用するようにindex.htmlのページを更新します。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">

また、ブラウザの開発ツールでエラーが表示されます。このようなもの：

Mixed Content: The page at 'https://nikolanbgd.github.io/Gym/' was loaded over HTTPS, but requested an insecure stylesheet 'http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'. This request has been blocked; the content must be served over HTTPS.

出典

2017-01-18 18:25:40

私はかなり理解していないと思います。：/もし私があなたにプロジェクトからの私のギブスやリンクへのリンクをくれたら、もっとうまく説明できますか？ – Nikola

@ニコラあなたがhttpページにリンクしていて、httpsページにリンクしていないため、すばらしいアイコンのフォントについて話していると、読み込み中ではありません。詳細は私の更新された答えを見てください。 –

@Nikola、Ericの言っていることは、そのスタイルシートリンクのソースコードの23行目を 'http：//'ではなく 'https：//'に変更することです。 – NoReceipt4Panda

ブートストラップのアイコンが表示されません

答えて

関連する問題