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

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>

标签：阿里巴巴,图标库,矢量,iconfont,assets,本地,font,css,icon
来源： https://www.cnblogs.com/Console-LIJIE/p/16396408.html