私のフッタには、他のページにリンクする素晴らしいフォントからいくつかのアイコンを使用しました。アイコンはローカルサーバ上で正常にロードされ、私のcodepen上で正常に読み込まれます。しかし、アイコンはインターネットエクスプローラに表示されず、私のフッタ全体がgoogle chromeから消えます。何が原因でしょうか?ここでフォントAwesomeのアイコンはブラウザ間で正しく表示されません
はcodepenへのリンクです:ここではhttp://codepen.io/sibraza/pen/QNPMdm は、実際のウェブサイトである:http://sibraza.com/
HTMLコード:
<head>
<link rel="stylesheet" href="filepath/font-awesome-4.6.3%202/css/font-awesome.min.css">
</head>
<div class="row">
<div class="icons">
<ul class="social">
<li><a href="https://www.linkedin.com/in/syed-raza-374a1a89" class="button social"><i class="fa fa-fw fa-linkedin"></i></a></li>
<li><a href="https://github.com/sibraza15" class="button social"><i class="fa fa-fw fa-github"></i></a></li>
<li><a href="http://codepen.io/sibraza/" class="button social"><i class="fa fa-fw fa-codepen"></i></a></li>
</ul>
</div>
</div>
すぐに考えても、ブラウザで広告ブロックを使用していますか? –
ローカルマシンで正常に表示されます。私は、あなたがFont Awesomeライブラリをどのように参照しているかに問題があると思われます。開発者ツール(F12)を使用して、より多くの情報を提供する可能性のあるネットワーク/コンソールエラーを確認することを検討することもできます。 –
広告ブロックを使用しています。そして、私はリオンが正しいかもしれないと思います。コンソールでこのエラーが見つかりました:リソースを読み込めませんでした:サーバが404のステータスで応答しました(見つからなかった) – Codes316