2016-06-13 10 views
1

私のフッタには、他のページにリンクする素晴らしいフォントからいくつかのアイコンを使用しました。アイコンはローカルサーバ上で正常にロードされ、私の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> 
+0

すぐに考えても、ブラウザで広告ブロックを使用していますか? –

+0

ローカルマシンで正常に表示されます。私は、あなたがFont Awesomeライブラリをどのように参照しているかに問題があると思われます。開発者ツール(F12)を使用して、より多くの情報を提供する可能性のあるネットワーク/コンソールエラーを確認することを検討することもできます。 –

+0

広告ブロックを使用しています。そして、私はリオンが正しいかもしれないと思います。コンソールでこのエラーが見つかりました:リソースを読み込めませんでした:サーバが404のステータスで応答しました(見つからなかった) – Codes316

答えて

1

それはフォント素晴らしいのあなたのローカルバージョンはいくつかの問題を持っていることだろう?代わりにCDNリンクを使用してみてください。ここで

は素晴らしいフォントのGithubのリポジトリ上のトラブルシューティングのページに役立つリンクです: Font awesome troubleshooting

EDIT:質問の所有者の場合は

エラー:

<link rel="stylesheet" href="filepath/font-awesome-4.6.3%202/css/font-awesome.min.css"> 

参照質問所有者の 'font-awesome.min.css'のコピーに間違った形式でファイルパスの問題があります。

ソリューション:

オプション1:ご参照ファイルのパスは「フォントawesome.min.css」の有効なコピーに正しくポイントに形成されていることを確認します。

オプション2:私はコンソールにいることがわかりそう

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> 
0

ようCDNによって提供されるバージョンを使用してください:

http://sibraza.com/Users/syedraza/Desktop/SibRaza.com/font-awesome-4.6.3%202/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found)

だあなたには、いくつかのファイルパスに問題があることを意味します。 @Wyngaertによって提案されているように、独自のバージョンをホストする代わりにCDNを使用してみてください。

関連する問題