css - Font-awesome icons on the same web page, some icons mismatch code, and some only show squares -


i'm using font-awesome in django project, icons in front of nav-bar list. problem is, title says, icons show normally, icons show square 4-digit unicode inside, , icons show mismatch code. mess!

i've been stuck here long, , tried lot solve it. read docs through, , googled lot, no effective solutions found.


environment information:

  1. i'm using latest version of font-awesome(4.6.3) local copy on linux server(ubuntu 14.04).
  2. i've tried load page on chrome/firefox/ie, results no different.
  3. i've tried disabled adblock plugin, resulted in vain.

specific code:

  1. the 1st icon normal.
  2. the 2nd icon show square unicode (the same official).
  3. the 3rd 1 show mismatch icon.

<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>

here how icons displayed on browser:

here how icons displayed on browser

could me out?

use following link font awesome , try,

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

or

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

Comments

Popular posts from this blog

sql - invalid in the select list because it is not contained in either an aggregate function -

Angularjs unit testing - ng-disabled not working when adding text to textarea -

How to start daemon on android by adb -