如何在 Angular 项目中使用您的 Kit 自定义 fontawesome 图标

Question

我有一个很棒的订阅（付费计划），并且我创建了一些自定义图标。现在，我想知道如何在我的角度应用程序中使用它们。这是我的 package.json 文件依赖项。

"@fortawesome/angular-fontawesome": "^0.9.0",
"@fortawesome/fontawesome-svg-core": "^1.2.35",
"@fortawesome/free-brands-svg-icons": "^5.15.3",
"@fortawesome/pro-duotone-svg-icons": "^5.15.3",
"@fortawesome/pro-light-svg-icons": "^5.15.3",
"@fortawesome/pro-regular-svg-icons": "^5.15.3",
"@fortawesome/pro-solid-svg-icons": "^5.15.3",

如何使用它们如下

Answer 1

您可以通过不同的

fontawesome

使用自定义图标

prefix

对于固体

fas

<i class="fas fa-camera"></i>

对于普通专业人士

far

<i class="far fa-camera"></i>

Light Pro

fal

<i class="fal fa-camera"></i>

对于双色调专业版

fad

<i class="fad fa-camera"></i>

对于品牌

fab

<i class="fab fa-font-awesome"></i>