字体图标你还不知道你就out啦

背景：

作为一个web前端工程师，怎么可以不知道字体图标这种高大上的东西那！！？

首先，我们先恶补下什么是字体图标：用字体文件取代图片文件，来展示图标、特殊字体等元素的方法。

优点：

1. 加载文件体积小
2. 统一展示风格，使用方法
3. 通过font-size，color就能自由变化大小，修改颜色，就像控制文字一样简单
4. 可以添加一些视觉效果如：阴影、旋转、透明度
5. 兼容IE6
6. 后期维护成本很低

缺点：

1. 制作门槛有点高，需要借助专业的工具生成字库文件
2. 需要服务器做些相应的配置来解决识别问题和跨域问题

两家相对比较权威的字体图标：阿里巴巴Iconfont 和 Font Awesome（大家可以去网上百度下载）