web页面icon实现技术----使用font-face实现

之前分享了使用cssSprite实现icon，这里再分享一个使用font-face实现icon，这个技术的主要特点如下：

iconfront技术

     技术说明：主要通过web字体实现webicon

     技术点：@font-face 技术

     特点：

          a、很好的兼容ie6以上以及其他主流浏览器

          b、便于控制，相对于csssprit技术，可以任意放大修改图片的大小和颜色

          c、减少ued压力，提高开发效率，更容易维护

     难点：

          a、必须有web字体资源

          b、注意浏览器的兼容性写法

     缺点：

          a、很难实现复杂以及色彩丰富的icon

          b、中文字体的icon字体文件大小和图片差不多，所以中文icon不建议使用iconfont

          c、css兼容性写法，照成代码冗余，不易维护代码

-----技术没有最好，合适的就是最好的

运行图如下：