今天遇到了vue项目中使用Iconfont图标 ,感觉挺实用的 随手记录下。只需简单的6步就可以实现

1.在Iconfont官网里去下载你觉得好看的图标。

http://www.iconfont.cn/(官网地址)

2.选好想要的图标后在购物车里点击添加到项目

3.在到我的项目里点击下载到本地

4.在vue项目assets文件夹下新建一个iconfont文件夹(名字随意)将刚刚下载下来的代码包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、iconfont.woff复制到iconfont文件夹下。

5.在main.js全局变量中引入iconfont.css。

6.之后就可以在项目使用你刚下在的图标了。

            

原文地址:https://www.cnblogs.com/malng/p/9429982.html