三分钟完成vue项目中iconfont图标的导入

iconfont 提供了丰富的图标库，也允许个人上传分享图标，非常复合中文视觉体验。平时的开发中也离不开iconfont图标的使用，今天就给大家聊一下iconfont图表在vue项目中的快速导入！

1、添加图标

登录iconfont-阿里巴巴矢量图标库，搜索图标，

添加到项目

2、使用图标

点击顶部菜单 图标管理>我的项目

        1、首先生成网页 css 代码，然后复制到网页代码中（放在index.html里）

<link rel="stylesheet" href="//at.alicdn.com/t/font_3434ycaug24x9.css" />

        2、在项目中复制代码链接

        3、网站中按以下格式使用

<i class="iconfont icongongzhonghao"></i>

ok，现在就完成了iconfont图标的导入，即使打包后也是依然能生效的。