vue项目使用Iconfont
在学习使用vue+element UI的时候发现element UI虽然提供了一些Icon图标,但对于不同的公司以及业务往往是不够用且不符合公司使用需求的。开源的font-awesome虽然多达几百个但缺乏定制性,而Iconfont众多图标库加入自己的项目中,定制化程度很高且灵活,所以赶快用起来!

- 打开Iconfont,把需要的icon加入到购物车。
- 添加至项目中,在我的项目中就可以看到自己的图标库了,随时进行修改替换。
- 查询到你的在线地址并复制,在vue-cli搭建的项目的index.html中引入:
<link rel="stylesheet" href="在线链接"> - 在你的components里面使用
<i class="icon iconfont icon-menu"></i>的方式来调用图标!