以前网页上显示图标都是用切成小图片,然后根据不同场景作多个小图,通过js来控制显示效果。字图图标,顾名思义,就像使用通常的字体,可以设置字体颜色,大小等,不用在搞多张小图片,非常灵活。其优点:
- 轻松的定义图标的颜色,大小,阴影,和任何与css相关的特性。
- 更快的载入速度、样式更容易定义。
- 使用矢量字体,这意味着他们可以完美的显示在高分辨率显示器中。
1、Iconfont
阿里巴巴矢量图标库,Iconfont
-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。
Iconfont
平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。
网站:http://www.iconfont.cn/
2、Font Awesome
Font Awesome
为您提供可缩放的矢量图标,您可以使用css所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
其特点:
- 一个字库,675个图标
- 无需依赖JavaScript
- 无限缩放
- 如言语一般自由
- css控制
- 高分屏完美呈现
- 完美兼容其它框架
- 可用于桌面系统
- 可适配于屏幕阅读器
网