iconfont一般使用阿里巴巴矢量图标库,地址为:https://www.iconfont.cn/;
使用方式为:
- 搜索需要的图标,加入项目;
- 通过资源管理–我的项目,进入到项目中,支持对加入项目中图标进行编辑;
- 支持在线或下载至本地使用;
- 以在线使用为例:
- 创建css文件,内容为:
@import //at.alicdn.com/t/font_2995826_z9ck1auxb9.css
- 在
main.ts
文件中,添加引入代码import css/iconfont.css
- 在需要使用图标的文件中,定位需要添加图标位置,添加
<i class="iconfont icon-password"></i>
;其中iconfont为项目中指定的Font Family,icon-password为指定的图标名字;
- 创建css文件,内容为: