同一网页上的字体很棒的图标,一些图标不匹配代码,有些只显示正方形

时间:2016-06-28 09:49:28

标签: css frontend font-awesome

我在我的Django项目中使用font-awesome,作为导航栏列表前面的图标。我的问题是,正如标题所说,一些图标正常显示,一些图标显示正方形内部有4位unicode,一些图标显示但代码不匹配。真是一团糟!

我已经被困在这里很久了,我尝试了很多来解决它。阅读文档,并搜索了很多,但没有找到有效的解决方案。

环境信息:

  1. 我在linux服务器(Ubuntu 14.04)上使用了最新版本的Font-awesome(4.6.3)本地副本
  2. 我试图在Chrome / Firefox / IE上加载此页面,结果也不例外。
  3. 我试图禁用AdBlock插件,导致徒劳。
  4. 具体代码:

    1. 第一个图标正常。
    2. 第二个图标仅显示带有unicode的方块(与official相同)。
    3. 第3个显示不匹配图标。
    4. 
      
      <li class="openstack-panel">
          <a class="openstack-spin" tabindex="6">
          <i class="fa fa-home fa-fw"></i>
          Security Group
          </a>
      </li>
      <li class="openstack-panel">
          <a class="openstack-spin" tabindex="7">
          <i class="fa fa-key fa-fw"></i>
          Key Pairs
          </a>
      </li>
      <li class="openstack-panel">
          <a class="openstack-spin" tabindex="8">
          <i class="fa fa-git fa-fw"></i>
          Floating IP
          </a>
      </li>
      &#13;
      &#13;
      &#13;

      以下是浏览器上图标的显示方式:

      here is how icons displayed on browser

      有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

使用以下链接获取Font Awesome并尝试

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css