图片转icon图标并在项目中引用

1.把图片转成svg

https://convertio.co/zh/png-svg/

2. 在阿里图标库新建项目并上传图片 

https://www.iconfont.cn/

3.

4.下载完成后，把文件夹放到项目中的assets目录中（文件只需这几个）

5.在main.js中引入 inconfont.css        import './assets/fonts/iconfont/iconfont.css'

6. 在公共css中设置

  // 阿里字体图标设置

  .icon, .iconfont {

    font-family:"iconfont" !important;

    font-size:16px;

    font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

  }

7.使用时使用类名就可以      iconfont iconpcnum