angular - Font Awesome 5 和 Angular 5

Question

我正在使用 font-awesome npm 包（这是 Font Awesome 4.7 版本），但我想升级到 Font Awesome 5。我已经安装了以下包：

"@fortawesome/angular-fontawesome": "^0.1.1",
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-free-brands": "^5.0.13",
"@fortawesome/fontawesome-free-regular": "^5.0.13",
"@fortawesome/fontawesome-free-solid": "^5.0.13",
"@fortawesome/fontawesome-svg-core": "^1.2.0",
"@fortawesome/free-solid-svg-icons": "^5.1.0",

我正在使用这样的图标：

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

在新版本中，我尝试使用这样的图标：

<i class="fas fa-sign-out-alt fa-2x"></i>

但这不起作用。我尝试添加这样的图标：

import {faSignOutAlt} from '@fortawesome/fontawesome-free-solid';
import fontawesome from '@fortawesome/fontawesome';
fontawesome.library.add(faSignOutAlt);

在我的 app.module.ts 中并且它正在工作，但我不想一个一个地导入每个图标。有没有办法像我在以前的版本中那样使用它们？是否有办法不一个一个地导入它们？

谢谢

标签： angularangular5font-awesomefont-awesome-5

Answer 1

安装

npm install --save @fortawesome/fontawesome-free

并在 .angular-cli 中使用

 "styles": [
    "styles.css",
    "../node_modules/@fortawesome/fontawesome-free/css/all.css",

参考： 使用包管理器