今天在UI中国闲逛的时候，看了看代码，发现UI中国的logo居然不是图片，一看源代码，发现是一个iconfont字体，以前我一直用font awesome字体，心想这是一个新的字体图标吗？然后百度一下，发现居然是阿里巴巴旗下的矢量图标库，高兴坏了，立马研究使用，感觉真的炒鸡好用啊。

阿里巴巴矢量图标库，使劲戳下面的地址↓

http://iconfont.cn/

有很多整套的图标，也有很多产品的图标库，比如淘宝的，阿里健康的，菜鸟的整套图标，还可以支持自己上传做好的图标，支持多色图标，帮助文档也是一目了然。关键是可以管理自己的在线图标库，应用到自己项目中，不用下载就可以用。真的是业界良心，关键是中国人自己的，用起来很接地气啊。

使用方法主要有三种：

1、使用unicode引用图标，不直观，但是兼容性最好，可以支持IE6+。

2、使用font-class引用，直观方便，直接改class类名，就可以改图标了。兼容性良好，支持IE8+。

3、使用symbole引用，其实就是用的svg，应该说是最本质的最好的用法，但是浏览器支持不太好，IE9+以上，而且浏览器对svg的渲染性能一般。

于是我搜索了UI中国的logo字体，做了一个小实验，真的很方便。

1、登录网站，不能支持注册，只能使用微博和github账号登录。

2、搜索自己想要的字体，放入购物车，然后下载。

3、下载后的压缩包里面有三个不同用法的demo，直接看demo就可以掌握了。

想研究的童鞋可以下载这个案例试试。

链接: http://pan.baidu.com/s/1qXAaWAK 密码: h8hn

请叫我雷锋！