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:
- i'm using latest version of font-awesome(4.6.3) local copy on linux server(ubuntu 14.04).
- i've tried load page on chrome/firefox/ie, results no different.
- i've tried disabled adblock plugin, resulted in vain.
specific code:
- the 1st icon normal.
- the 2nd icon show square unicode (the same official).
- 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:
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
Post a Comment