从Fontawesome导入所有图标

问题描述 投票:6回答:2

我以这种方式在Angular项目中使用Fontawesome 5:

import fontawesome from '@fortawesome/fontawesome';
import { faBold, faItalic, faUnderline } from '@fortawesome/fontawesome-free-solid';

并在构造函数中:

fontawesome.library.add(faBold, faItalic, faUnderline)

但是分别导入每个图标非常愚蠢。我能以某种方式一次导入所有图标吗?

upd:import * as icons ...不起作用。

angular font-awesome font-awesome-5 angular-fontawesome
2个回答
12
投票
import { fas } from '@fortawesome/fontawesome-free-solid';

然后

fontawesome.library.add(fas)

其他款式也一样

import { fab } from '@fortawesome/fontawesome-free-brands';
import { far } from '@fortawesome/fontawesome-free-regular';
...
fontawesome.library.add( fab, far );

1
投票

为什么不将字体加载为资源(将文件添加到assets文件夹并在css文件中定义字体)?然后,您可以使用所有字符(图标)。

© www.soinside.com 2019 - 2024. All rights reserved.