我以这种方式在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 ...
不起作用。
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 );
为什么不将字体加载为资源(将文件添加到assets文件夹并在css文件中定义字体)?然后,您可以使用所有字符(图标)。