Question

我使用了一些图标放置在我的页脚中，从字体真棒链接到其他页面。图标在我的本地服务器上正常加载，并且它们在我的codepen上加载正常。但是，图标不会出现在Internet Explorer上，我的整个页脚会从Google Chrome中消失。会导致这种情况的原因是什么？

以下是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>

Answer 1

你的本地版本的font-awesome是否存在一些问题？请尝试使用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">

Answer 2

我在控制台上看到了：

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

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

2 个答案: