如果你使用sass并且已经导入了main.scss @ import“. . /供应商/ font-awesome / scss / font-awesome.scss”;

错误可能来自字体-awesome。查找相对路径中的字体文件的SCSS文件。

所以记得重写$fa-font-path变量: $fa-font-path: "https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts" !

这样就不需要在index.html中添加CDN

使用这个<i class="fa fa-camera-retro" ></i>你还没有定义fa类

如果MIME TYPE已经具有.woff和.woff2文件类型，并且仍然给出HTTP-404错误，请检查请求过滤。如果这是限制性的，添加这些文件类型这些允许服务，它将工作。点击这里查看详情！

经过5个多小时的挣扎，我找到了问题的原因。

使用FontAwesome 5，你应该使用fas(注意“s”在结尾):

<i class=“fas fa-camera”></i>

我使用的是“常规”字体，显然在这个版本中是付费的——我切换到“固态”字体，一切都开始正常工作。

在(免费的)Font Awesome 5版本中，有一个小细节对我来说很难理解，我没有注意到它:

Style   Availability    Style Prefix    Example Rendering
Solid   Free            fas             <i class="fas fa-camera"></i>
Brands  Free            fab             <i class="fab fa-font-awesome"></i>

(摘自文档)

因此，品牌图标如fa-twitter或fa-react需要与类fab一起使用，而所有其他(免费)图标需要与类fas一起使用。这很容易监管。

我试着用之前的几个解决方案来解决同样的问题，但它们在我的情况下不起作用。 最后，我在HEAD中添加了这2行，它起作用了:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">