如何使用Iconfont图标库

如何使用Iconfont图标库

Iconfont-阿里巴巴矢量图标库的诞生，为网页设计和前端开发人员带来了极大的便利

点击左上角的“图标”进入图标库，选择你喜欢的图标并加入购物车（鼠标经过鼠标会有三个按钮图标，分别是加入购物车，收藏，下载），你也可以在右上角的搜索框中输入你想要的图标名称。

图标都选好后，点击页面右上角的购物车图标，此时可以看到你加入过购物车的所有图标，然后点击“下载代码”下载到本地。

代开并加压下载到本地Iconfont压缩包，找到iconfont.css复制并粘贴到你的项目文件夹中，同时在您的网页代码的头部的引入iconfont.css（注意路径是否正确）

打开Iconfont文件夹中的demo_fontclass.html，在改网页页面中可以看到你加入购物的图标和对应的图标名称。