How to use icon-font

  1. 登录http://www.iconfont.cn
  2. 上传svg图标
  3. 选择图标添加入库 -> 添加至项目
  4. 选择Font class模式,你会得到一个css文件在线链接
  5. copy到项目内,并修改

    1
    2
    3
    4
    5
    6
    .iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
  6. 使用

    1
    @import "~assets/css/iconfont";
    1
    <i class="iconfont icon-fire"></i>