下载后 FontAwesome 图标不显示？（适用于 URL，不适用于 SRC）

Question

我一直在为我的一个 Web 项目使用 fontawesome，当我使用 CDN link 作为它的样式表时它工作正常，但是当我想在本地拥有所有内容并从中下载 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">

同样，问题不是它不起作用，而是它显示多个图标的方式。

Answer 1

确保您已从 FontAwesome 网站下载了正确版本的完整包并使用正确的 link，例如：

<link href="assets/css/font-awesome/css/font-awesome.css" rel="stylesheet" >

重置您的浏览器缓存。

确保您使用的 or 元素使用 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

下载后 FontAwesome 图标不显示？（适用于 URL，不适用于 SRC）

FontAwesome icons doesnt show up after being downloaded?(works with URL, doesnt with SRC)

css

font-awesome