Iconfont.cn是由阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台。网站涵盖了1000多个常用图标并还在持续更新中(目前加上用户上传的图标近70000个，我们可以通过搜索来找到他们。)。、
　　Iconfont平台为用户提供了（1）、在线图标搜索；（2）、图标分捡下载；（3）、在线储存；（4）、矢量格式转换；（5）、个人图标库管理；（6）、项目图标管理等基础功能。
　　对于前端应用来说有很多便捷：
　　1、自由变化大小
　　2、自由修改颜色
　　3、可以添加一些视觉效果如：阴影、旋转、透明度
　　Iconfont提供了阿里妈妈图标库、淘宝图标库、天猫图标库、1688 图标库、手机淘宝图标库、支付宝钱包图标库、商家产品图标库以及用户自己制作的图标。下面是天猫图标库的部分图标展示效果：

如果想及时了解Spark、Hadoop或者Hbase相关的文章，欢迎关注微信公共帐号：iteblog_hadoop

　　我们看到里面有些图标和我们见过的Font Awesome:图标字体很类似，不过Iconfont字库图标更多的是阿里、淘宝商品等图标。
　　说了这么多，我们如何来使用Iconfont字库呢？
　　1、声明font-face字体

@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
     /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

　　2、定义使用iconfont的样式

.iconfont{
    font-family:"iconfont";
    font-size:16px;
    font-style:normal;
}

　　3、挑选相应图标并获取字体编码，应用于页面

<i class="iconfont">&#33</i>