web中使用阿里巴巴矢量库作为图标管理

阿里巴巴矢量库

Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具

矢量库中项目图标

阿里巴巴矢量库网址：https://www.iconfont.cn/

1. 需要先登录，可以使用github，阿里账户，新浪微博进行登录；
2. 在首页导航栏选择 图标管理-我的项目-我参与的项目，找到UI为你设计的图标；

将矢量库引入项目中

1. 在我参与的项目-选择你的项目，点击Font Class；
   
   2.点击复制代码，将复制的代码以外部样式的方式引入index.html文件里面，注意前面要加上http://
   
   3.在项目中使用图标
   在使用的地方按如下方式使用代码，图标名称为图一中点击图标后出现复制代码，即可复制图标名称，更换一下代码图标名称即可，iconfont样式为固定样式使用，必须添加。

     <i class="iconfont 图标名称 />
   

4.当图标库中的图标变化后,如果引入无法出现,则需要重新替换之前的css引入文件地址,新加入的图标会导致重新生成css文件