好久没来,虽说鄙人的人气不咋地,但还是很想念自己这一亩二分田地。
近期用在平台开发中,看着设计师摆开阵势,准备大画图标,想着自己将会很KUBI拼凑css-sprite图片,接着写一大堆 class^="icon-XXXX",此处空余千行泪。。。
其实,做前端的都有这样的情绪,“我不想切图标啊!!!”,本人甚是。就在茫然不知所措是,偶然在
http://www.bootcss.com/p/font-awesome/ 发现了新大陆!!!真的是相见恨晚。
在此给出这个项目的简介:
- 一个字体文件, 249 个图标——一个字体文件包含了所有图标。Font Awesome 助你完整表达web页面上每个动作的含义。
- 用CSS能非常容易的改变这些图标的颜色、大小、阴影以及任何CSS能控制的属性。
- 矢量图意味着每个图标都能在所有大小的屏幕上完美呈现。
- Font Awesome是完全免费的,无论个人还是商业使用。
- Font Awesome支持IE7及以上浏览器。
- Font Awesome 中包含的都是矢量图标,在高分辨率的显示器上也能完美呈现。
- Font Awesome是完全从头设计的整套图标,完全和Bootstrap 2.2.2版本兼容。
- 安装 FontAwesome.otf 字体文件,然后在这个页面直接拷贝粘贴图标字符的代码就可以用于你的设计中了。
- Font Awesome 不会阻止屏幕阅读器,这和其他图标字体的行为方式完全不同。
到这里,我只能说,这个太给力了!
如果你是一枚前端开发,使用这个工具,需要你做的仅仅是熟悉这个字体库的命名规则,避免与其命名冲突。剩下的,开始享受你的工作吧!