这可能是你的字体路径不正确，使css无法加载字体和呈现图标，所以你需要提供附加字体的搁浅路径。

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

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

在(免费的)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一起使用。这很容易监管。

我使用字体Awesome 4.3.0只是链接从maxcdn工作在这里提到，

但是在你的服务器上，把字体和CSS放在同一个文件夹里对我来说是有效的，就像这样

然后只需链接CSS:

<link href="~/fonts/font-awesome.min.css" rel="stylesheet" />

为我(在我的Windows 7机器上)解决问题的是解密我的项目目录。在测试你的网站时，会有很多视觉和功能上的小故障。只需进入命令提示符并运行:

attrib -R %PROJECT_PATH%\*.* /S
cipher /a /d /s:%PROJECT_PATH%

.．.其中%PROJECT_PATH%是存放代码的目录的完整路径名。

我使用官方字体Awesome SASS Ruby Gem，并通过添加以下行到我的application.css.scss来修复错误

@import "font-awesome-sprockets";

解释:

font-awesome-sprockets文件包括sprockets资产助手Sass函数，用于查找字体文件的正确路径。