前端如何使用阿里巴巴矢量图库的图标

前端如何使用阿里巴巴矢量图库的图标
实现网页中的小图标
首先搜索想要的图标

阿里巴巴矢量图库http://www.iconfont.cn ，可以微博登录

添加购物车

添加至项目
下载至本地

unicode引用 然后解压到文件夹
将上面蓝框框住的文件放到你正在写的项目中（放到src/assets目录下，因为是静态资源）
全局引入 阿里云字体图标 css，这里一定要注意路径要正确，要和你上面存放文件的位置对上

<style>
    @font-face {
      font-family: iconfont;
      src: url(../fonts/iconfont.eot?v=256);
      src: url(../static/iconfont/iconfont.eot?v=256#iefix) format('embedded-opentype'),
       url(../static/iconfont/iconfont.woff2?v=256) format('woff2'),
        url(../static/iconfont/iconfont.woff?v=256) format('woff'),
         url(../static/iconfont/iconfont.ttf?v=256) format('truetype'), 
         url(../static/iconfont/iconfont.svg?v=256#layui-icon) format('svg');
    }
    .iconfont {
      font-family: iconfont !important;
      font-size: 16px;
      color: #000;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  </style>

在标签里添加相应的代码：

 <i class="iconfont ">&#xe9da;</i>