字体真棒图标无法正确显示在浏览器上

我用一些图标放在我的页脚中，字体很棒，链接到其他页面。图标在我的本地服务器上正常加载，并且它们在我的codepen上正常加载。但是，图标不会出现在Internet Explorer上，我的整个页脚从谷歌浏览器中消失。什么会造成这种情况？字体真棒图标无法正确显示在浏览器上

这里是链接到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>

来源

2016-06-13 Codes316

作为一个快速的想法，您是否在浏览器中使用了任何广告拦截功能？ –

他们在我的本地机器上显示得很好。我会怀疑你是如何参考Font Awesome库的问题。您可以考虑使用开发工具（F12）来检查可能提供更多信息的任何网络/控制台错误。 –

我确实使用广告屏蔽。我认为Rion可能是对的。我在控制台发现这个错误：加载资源失败：服务器响应状态为404（未找到） – Codes316

难道字体真棒的本地版本有一些问题？请尝试使用CDN链接。

这里是一个有用的链接故障排除页字体的Github上库真棒：Font awesome troubleshooting

编辑：

错误的问题，业主的情况下：

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

参考问题所有者的'font-awesome.min.css'副本格式错误并且存在文件路径问题。

解决方案：

选项1：确保正确和点形成的 'font-awesome.min.css' 的有效副本的参考文件的路径。

选项2：使用由CDN提供的版本，像这样

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

来源

2016-06-13 19:15:01

我看到控制台上：

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而不是托管自己的版本。

来源

2016-06-13 19:19:18

字体真棒图标无法正确显示在浏览器上

回答

相关问题