iconfont图标库的使用方法
Posted 呀，西蓝花
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iconfont图标库的使用方法相关的知识，希望对你有一定的参考价值。
一、寻找适用的图标
官方网址：http://www.iconfont.cn/ 找到需要的icon
以
为例
添加入库。
一、生成代码：
点击右上角购物车图标，出现下图（1）所示，下方点击下载代码，下载完成后将压缩包文件解压，将文件里面的iconfont.css文件引入到自己的项目中如图（2）。
图（1）
图（2）
html中使用时如下图所示：
备注：
1、可以在下载解压后的文件中找到demo_fontclass.html，双击打开后找到自已需要的图标class引入即可；
2、兼容性良好，支持ie8+，及所有现代浏览器。
3、可以像设置文本一样设置想要的样式。
以上是关于iconfont图标库的使用方法的主要内容，如果未能解决你的问题，请参考以下文章