Html 字体图标不能在浏览器中正确显示_Html_Css

Html 字体图标不能在浏览器中正确显示

html css

Html 字体图标不能在浏览器中正确显示,html,css,Html,Css,我使用了一些图标放置在我的页脚，从字体链接到其他页面。图标在我的本地服务器上加载良好，在我的代码笔上加载良好。但是，这些图标不会出现在internet explorer上，我的整个页脚也会从google chrome中消失。这是什么原因造成的以下是代码笔的链接：以下是实际的网站： HTML代码： <head> <link rel="stylesheet" href="filepath/font-awesome-4.6.3%202/css/font-awesome.min.c

我使用了一些图标放置在我的页脚，从字体链接到其他页面。图标在我的本地服务器上加载良好，在我的代码笔上加载良好。但是，这些图标不会出现在internet explorer上，我的整个页脚也会从google chrome中消失。这是什么原因造成的

以下是代码笔的链接：以下是实际的网站：

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是否存在一些问题？尝试使用链接代替

下面是一个有用的链接，指向font awesome的Github存储库上的疑难解答页面：

编辑：

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

问题所有者案例中的错误：

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

对问题所有者的“font awome.min.css”副本的引用格式不正确，并且存在文件路径问题

解决方案：

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

选项1：确保引用文件路径的格式正确，并指向“font awome.min.css”的有效副本

选项2：使用类似so提供的版本

我在控制台上看到：

http://sibraza.com/Users/syedraza/Desktop/SibRaza.com/font-awesome-4.6.3%202/css/font-awesome.min.css加载资源失败：服务器响应状态为404（未找到）

这意味着您有一些文件路径问题。正如@Wyngart所建议的，尝试使用而不是托管您自己的版本。

快速思考一下，您是否在浏览器中使用了广告阻止功能？它们在我的本地计算机上看起来很好。我怀疑您是如何引用字体库的。您可能会考虑使用开发工具（F12）来检查可能提供更多信息的任何网络/控制台错误。我认为里恩可能是对的。我在控制台中发现了这个错误：未能加载资源：服务器以404（未找到）的状态响应。如果是404，则可能是Rion的正确。然而，一些广告屏蔽者确实会屏蔽社交媒体网站的图标，这会导致这种行为。解决文件路径问题后，如果仍然看不到这些问题，请尝试暂时禁用广告阻止。