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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容