为什么字体很棒的图标没有显示？

Question

我创建了一个 angular 项目，出于美观的原因，我想使用字体很棒的图标。我是这样安装的：

npm install font-awesome

然后将它添加到我的 angular.json 中的 javascript 中：

"styles": [
  "node_modules/font-awesome/css/font-awesome.css"
]

已检查，路径正确（对于我的设置）

因此，当我现在尝试添加例如“加号”图标（包含在免费版本中）时，它只是显示为一个奇怪的占位符......

我添加了这样的图标：

<i class="fas fa-plus-circle"></i>

希望你们能帮助我

Answer 1

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

Font Awesome 有多个版本，最新的是5.15.1（依赖 GitHub 仓库）。然而，在 NPM 存储库中，作者仍然发布了旧版本4.7.0。

Font Awesome 的基类名称已从fa4.xfas版更改为5.x 版。而且由于文档是指到最新版本，但NPM包的版本是旧的，你必须改变fas，以fa无处不在。

编辑：正如我发现的那样，在 Font Awesome 5.x 中还有几类替代图标样式，例如far或fab。如有疑问，您应该检查每个图标属于哪个样式类。

尽管如此，最新版本的 Font Awesome 也已在 NPM 上以包名 发布@fortawesome/fontawesome-free。