vue 项目使用iconfont

Step.1

从 iconfont官网 将需要的图片添加到购物车，将购物车里的图片添加到项目，最后从项目里下载到本地。如下图：

image.png

下载完后解压如下图：

image.png

Step.2

在项目assets目录下新建个文件夹名字随便，我这里是iconfont命名。然后将上图中红框内的文件复制到新建的目录下，如下图:

image.png

Step.3

在main.js 文件引入全局css，如下图:

image.png

下面就可以根据官网一样使用了

<i class="iconfont">&#xe627;</i>
<span class="iconfont icon-xxx"></span>
<span class="#icon-xxx"></span>