vue+ivew中使用自定义图标

1.现在https://www.iconfont.cn/home/index官网选择合适的图标到购物车，然后自己添加个项目后添加到项目中，点击下载至本地

2.解压下载的文件放到项目中，新建一个文件夹iconfont

3.在项目中引入

<!-- 引入iconfont.css -->
<link rel="stylesheet" href="/lib/iconfont/iconfont.css" />

4.全局样式中添加icon的样式

.ivu-icon {
        font-family: Ionicons, iconfont;
      }

5.打开压缩包中的demo_index.html，我用的fontclass方式引入的，所以挑选下载的图标名称直接使用就行

<span class="iconfont icon-xingzhuang3"></span>

6.最终显示了