2

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

npm install font-awesome

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

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

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

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

我添加了这样的图标：

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

希望你们能帮助我

4

2 回答 2

5

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

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。

于 2019-09-05T11:56:32.193 回答
0

更改fas为fa

如果你有这样的代码<i class="fas fa-caret-down"></i> 改变这个<i class="fa fa-caret-down"></i>

这是由于版本问题而发生的。

于 2021-03-10T08:24:22.880 回答