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

* {
font-family: Arial !important;
}

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

如果你通过包管理器(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中。更多信息可以在这里找到。

在新的3.0版本中，这应该简单得多。最简单的方法是指向引导CDN: http://www.bootstrapcdn.com/?v=01042013155511#tab_fontawesome

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

all.css 或 all.min.css

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

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

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

@import "font-awesome-sprockets";

解释:

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

在我的例子中，我只是复制

<i class="fa-solid fa-tags"></i> //provided by font awesome

对于现有的前端模板，包括一些其他图标从字体真棒，但这没有工作，所以通过添加'fas'类，它工作;

<i class="fas fa-solid fa-tags"></i> //working