Angular 为什么字体图标不显示？

我已经创建了一个有角度的项目，出于美观的原因，我想使用令人敬畏的字体图标。 我是这样安装的：

npm安装字体

然后将其添加到my angular.json中的javascript中：

“样式”：[
“节点\u模块/font-awesome/css/font-awesome.css”
]

已选中，路径正确（对于我的设置）

因此，当我现在尝试添加“加号”图标（包括在免费版本中）时，它就像一个奇怪的占位符一样显示

我添加了如下图标：

---

希望你们能帮我

虽然问题已经在评论中得到了回答，但这里有一个简短的总结：

Font Awesome有多个版本，最新版本是5.15.1（）。但是，作者仍然发布了较旧的版本4.7.0

Font Awesome的基类名称已从版本4.x中的

fa

更改为版本5.x中的

fas

。由于文档引用的是最新版本，但NPM软件包版本较旧，因此必须将

fas

更改为

fa

编辑：正如我所发现的，在Font Awesome 5.x中还有几种可选的图标样式，如

far

或

fab

。如有疑问，应检查每个图标所属的样式类别

---

尽管如此，Font Awesome的最新版本也已在NPM以软件包名称发布。

将

fas

更改为

fa

如果您有这样的代码

更改到此

---

发生这种情况是因为版本问题。

我无法使FA字体在

角度
中呈现一致，直到我切换到
FA图标
组件，如这里所述：尝试
@AndrewAllen非常感谢，这确实有效。出于某种原因，虽然真正的字体真棒网站说它应该是“fas fa plus circle”@niehoelzz是的，但我只是通过反复试验才发现这一点。我很感兴趣，如果有人能解释为什么fas版本不显示。我认为这是一个版本的事情。fa-fa加圆圈指的是字体3。fas fa plus圆圈为字体4。您还可以考虑从“样式”中删除字体很棒：在angul.json和@中导入您自己的样式表。