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

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

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

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

如果您的服务器是IIS，请确保添加正确的MIME以提供.woff文件扩展名。 正确的MIME是application/octet-stream

根据文档(步骤3)，您需要修改提供的CSS文件以指向站点上的字体位置。

我已经从3.2.1更改为4.0.1，文件夹为font，现在称为fonts。

src: url('../font/fontawesome-webfont.eot?v=3.2.1');

src: url('../fonts/fontawesome-webfont.eot?v=4.0.1');

使用绝对路径代替相对路径解决了这个问题。我使用的是相对路径(见下面的第一个例子)，但这行不通。我通过控制台检查，发现服务器返回404，文件没有找到。

相对路径导致404:

@font-face { 
font-family: "FontAwesome";
src: url("../fonts/fontawesome-webfont.eot?v=4.0.3");
}

绝对路径解决它跨浏览器:

@font-face { 
font-family: "FontAwesome";
src: url("http://www.mysite.com/fonts/fontawesome-webfont.eot?v=4.0.3");
}

除非迫不得已，否则我不建议你这么做，但这对我来说很管用。当然，您应该对font-awesome.css文件中的所有字体格式重复此操作。

仔细检查fontawessome -all.css文件-在最底部会有一个webfonts文件夹的路径。我的……“/webfonts”格式，这意味着CSS文件将从它所在的位置往上看一级。由于我所有的css文件都在css文件夹中，我将字体添加到同一个文件夹中，这是行不通的。

只要把你的字体文件夹向上移动一个级别，一切都应该很好:)

用字体Awesome 5.0测试