Font Awesome 5和Angular 5

发布时间：2020-12-17 17:47:30 所属栏目：安全来源：网络整理

导读：我正在使用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",

我正在使用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中,它正在工作,但我不想逐个导入每个图标.有没有办法像我以前的版本一样使用它们？有没有办法不逐一导入它们？

谢谢

解决方法

安装

npm install --save-dev @fortawesome/fontawesome-free

并在.angular-cli中使用

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

参考：
Using a Package Manager

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!