如何使用 FontAwesome 向我的项目添加更多图标？

Question

我在 angular 10 中使用 font-awesome 并且我已经让它工作了，但我想使用一些我可以在https://fontawesome.com/icons 上找到的图标，但似乎很多图标都没有在我的项目中不起作用。 我检查了 font-awesome.css 并且它没有与网站上相同的图标。 有没有办法将我需要的图标从站点添加到我的项目中？

Answer 1

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

您也有可能尝试使用某些专业版图标。 如果您想使用它们，您应该支付 Font Awesome Pro 订阅费用。

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

Answer 2

尝试从官方网站将真棒字体下载到您的本地计算机，这对我有用。

Answer 3

我发现了问题所在，我没有所有的图标，因为我使用的是过时的包：

npm install font-awesome 

最新的（我认为）是下面的，它包含来自 fontawesome 5+ 的图标：

npm install --save @fortawesome/fontawesome-free

安装后，我必须添加 angular cli 样式：

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