如何使用FontAwesome向项目添加更多图标?

问题描述

我在angular 10中使用了超棒的字体,并且可以正常使用,但是我想使用一些我可以在https://fontawesome.com/icons上找到的图标,但是似乎很多图标都没有在我的项目中工作。我检查了font-awesome.css,它的图标与网站上的图标不同。有没有一种方法可以将网站上需要的图标添加到我的项目中?

解决方法

检查您的Font Awesome版本。您仅应在此特定版本中搜索图标。如果要使用其他版本的某些图标,请将其删除并添加新的图标。

您还有机会尝试使用某些Pro版本图标。如果要使用它们,则应支付Font Awesome Pro订阅费用。

如果这没有帮助,请向我们提供fontawesome安装的代码以及您尝试使用的图标的html。

,

尝试从我的官方网站将很棒的字体下载到本地计算机上。

,

我发现了问题所在,因为使用了过时的软件包,所以我没有所有图标:

npm install font-awesome 

最新的(我认为)是下面的一个,它包含来自字体5岁以上的图标:

npm install --save @fortawesome/fontawesome-free

安装后,我必须添加角度cli样式:

"./node_modules/@fortawesome/fontawesome-free/css/fontawesome.css","./node_modules/@fortawesome/fontawesome-free/css/solid.css",