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

Font Class方式

1、将项目中的图标下载至本地

2、将本地demo包中的 iconfont.css、iconfont.ttf、iconfont.woff、iconfont.woff2 拷贝到 /src/assets/icon-font 文件夹下

3、在main.js中引入 iconfont.css   import '@/assets/icon-font/iconfont.css' 

4、在组件中使用

<template>
  <div>
     <i class="iconfont icon-kaishi"></i>
  </div>
</template>
<style lang="less">
.icon-kaishi {
  font-size: 32px;
  color: pink;
}
</style>