我创建了一个有角度的项目，出于美观的原因，我想使用超棒的字体图标。 我是这样安装的：
npm install font-awesome
然后将其添加到我的angular.json中的javascript中：
"styles": [
"node_modules/font-awesome/css/font-awesome.css"
]
已检查，路径正确（对于我的设置）
因此，当我现在尝试添加例如“加号”图标（包含在免费版本中）时，它就像一个奇怪的占位符一样显示...
我添加了这样的图标：
<i class="fas fa-plus-circle"></i>
希望你们能帮助我
答案 0 :(得分：3)
尽管评论中已经回答了该问题，但这是一个简短的摘要：
Font Awesome有多个版本，最新的是 5.10.2 （relying on the GitHub repository）。但是，in the NPM repository作者仍然发布了较旧的版本 4.7.0 。
Font Awesome的基类名称已从4.x版本中的fa更改为5.x版本中的fas。并且由于文档参考的是最新版本，但是NPM软件包的版本较旧，因此您必须在所有地方将fas更改为fa。
尽管如此，最新版本的Font Awesome也已经在NPM上以软件包名称@fortawesome/fontawesome-free发行。
答案 1 :(得分：0)
将 fas 改为 fa
如果你有这样的代码 <i class="fas fa-caret-down"></i>
更改为此 <i class="fa fa-caret-down"></i>
这是因为版本问题。