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

标签：web前端   css   

背景：

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

优点：

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

缺点：

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

H-ui整合了两家相对比较权威的字体图标：阿里巴巴Iconfont 和 Font Awesome

字体图标的使用方法：

第一步：下载

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

标签：web前端   css   

原文地址：http://blog.csdn.net/u012763269/article/details/46908023