我一直在我的一个web项目中使用fontawesome,当我使用CDN链接作为它的样式表时,它工作得很好,但当我想在本地拥有所有东西并从网站下载fontawesome(zip文件)时,它就会变得乱七八糟,并且显示多个图标,作为图标的png文件的某种不良缩放问题。
唯一的变化是
这个
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
进入这个
<link src="assets/css/font-awesome/css/font-awesome.css" rel="stylesheet">
同样,问题不是它不能工作,而是它如何显示多个图标。
请确保您已从FontAwesome网站下载了完整的软件包,并使用了正确的链接,例如:
<link href="assets/css/font-awesome/css/font-awesome.css" rel="stylesheet" >
重置浏览器缓存。
确保您使用的或元素使用FontAwesome字体系列。例如:
<i class="fa-pencil" title="Edit"></i>
但是
<i class="fa fa-pencil" title="Edit"></i>
It won't work if you have something as the following in your CSS:
* {
font-family: 'Josefin Sans', sans-serif !important;
}
如果你正在使用IE,就不要...
如果这不起作用,只需花一两个小时(相信我,有时浏览器会自己开玩笑),如果问题持续存在,请检查https://github.com/fortawesome/font-awesome/wiki/troubleshooting