iconfont使用


iconfont一般使用阿里巴巴矢量图标库,地址为:https://www.iconfont.cn/;
使用方式为:

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

文章作者: Semon
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Semon !
评论
  目录