基于Vue2.x的UI组件库引入Iconfont图标库（引入第三方图标库篇）

具体可查看笔者的qiucode-UI的文档：qiucode-UI文档地址

本篇笔者将讲解在Vue项目中如何引入第三方图标库，如：Inconfont https://www.iconfont.cn fontawesome https://fontawesome.io/ 登录到Iconfont官网，然后选择你想要的图标，添加到购物车里。最后添加到你的项目里。

你可以在你的项目直接引入外网css，可在线生成链接按钮进行生成链接，在你的html中添加这个远程css链接就可以了！是不是很方便啊！但如果考虑到有的用户的网速并不是那么好，这样就对用户的体验就不好（这是乔布斯提出的，对用户要有友好的体验） 那么就下载它，文件结构如下图：

将iconfont.eot iconfont.svg iconfont.ttf iconfont.woff iconfont.woff2 文件复制到你的font文件中。

修改 iconfont.css 文件

而后在你的main.js文件引入该css文件即可。

import '../packages/qiu-style/iconfont.css'

具体可查看笔者的qiucode-UI的文档：https://zhenqicai.github.io/qiucodeUI-docs/#/icon