/css/all.css文件包含核心样式和所有图标样式，当你使用字体Awesome时需要。/webfonts文件夹包含了上面CSS引用和依赖的所有字体文件。

复制整个/webfonts文件夹和/css/all.css到你的项目的静态资产目录(或任何你喜欢保留前端资产或供应商的东西)。

将复制的/css/all.css文件的引用添加到你想要使用字体Awesome的每个模板或页面。

只需访问- https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself 你会得到答案的。

如果您使用的是版本5。*或更大，则必须使用

all.css 或 all.min.css

包括fontawessome .css不能工作，因为它没有对webfonts文件夹的引用，也没有对@font-face或font-family的引用

你可以通过在fontawessome .css或fontawessome .min.css中搜索font-family属性来检查这一点

如果你通过包管理器(yarn或npm)安装了font-awesome，请注意安装的是哪个版本。或者，如果你很久以前就安装了font-awesome，检查一下安装的版本。

本质上，通过包管理器安装的版本可能落后于https://fontawesome.com/网站上显示的版本。因此，今天(2019年6月21日)包管理器将安装v4.7.0作为最新版本，但网站将指向v5.*的文档。

解决方案，访问v4.7.0的图标文档网站https://fontawesome.com/v4.7.0，复制适当的图标，例如<i class="fa fa-sign-in" aria-hidden="true"></i>，并将其合并到您的html中。更多信息可以在这里找到。

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

@import "font-awesome-sprockets";

解释:

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

我遇到了这个问题，仔细地走了每一步……尽管我已经使用FA很多年了……然后我意识到我的邮件css文件中有这一行:

* {
font-family: Arial !important;
}

愚蠢的错误，但这可能会在将来提示某人!

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

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