小编Val*_*ine的帖子

Font Awesome 5和Angular 5

我正在使用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",
Run Code Online (Sandbox Code Playgroud)

我正在使用这样的图标:

<i class="fa fa-plus"></i>
Run Code Online (Sandbox Code Playgroud)

在新版本中,我尝试使用这样的图标:

<i class="fas fa-sign-out-alt fa-2x"></i>
Run Code Online (Sandbox Code Playgroud)

但这不起作用.我尝试添加这样的图标:

import {faSignOutAlt} from '@fortawesome/fontawesome-free-solid';
import fontawesome from '@fortawesome/fontawesome';
fontawesome.library.add(faSignOutAlt);
Run Code Online (Sandbox Code Playgroud)

在我的app.module.ts中,它正在工作,但我不想逐个导入每个图标.有没有办法像我以前的版本一样使用它们?有没有办法不逐一导入它们?

谢谢

font-awesome font-awesome-5 angular angular5

7
推荐指数
2
解决办法
6692
查看次数

标签 统计

angular ×1

angular5 ×1

font-awesome ×1

font-awesome-5 ×1