如何使用 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",