Font Awesome 完美的图标字体
2014-07-09 10:44
351 查看
好久没来,虽说鄙人的人气不咋地,但还是很想念自己这一亩二分田地。
近期用在平台开发中,看着设计师摆开阵势,准备大画图标,想着自己将会很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 不会阻止屏幕阅读器,这和其他图标字体的行为方式完全不同。
到这里,我只能说,这个太给力了!
如果你是一枚前端开发,使用这个工具,需要你做的仅仅是熟悉这个字体库的命名规则,避免与其命名冲突。剩下的,开始享受你的工作吧!
项目地址:http://www.bootcss.com/p/font-awesome/
近期用在平台开发中,看着设计师摆开阵势,准备大画图标,想着自己将会很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 不会阻止屏幕阅读器,这和其他图标字体的行为方式完全不同。
到这里,我只能说,这个太给力了!
如果你是一枚前端开发,使用这个工具,需要你做的仅仅是熟悉这个字体库的命名规则,避免与其命名冲突。剩下的,开始享受你的工作吧!
项目地址:http://www.bootcss.com/p/font-awesome/
相关文章推荐
- Font Awesome 4.0.3 字体图标完美兼容IE7
- Font Awesome 4.0.3 字体图标完美兼容IE7
- element-ui中使用font-awesome字体图标
- UI图标不用愁:矢量字体图标Font-Awesome
- Axure安装FontAwesome字体图标
- Android调用font-awesome字体图标
- android使用Font Awesome字体图标
- Font Awesome:图标字体,完全CSS控制
- 在web.config文件中,增加“type="APP.Modules.CommandModule,CommandModules"”节点会导致awesome font字体图标显示为方框框
- RN(react native)入坑指南-05,使用图标字体Fontawesome
- 如何在angular2中引用FontAwesome字体中的图标?
- 字体图标font-awesome
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- 创建自定义字体图标-追加自定义图标到Bootstrap或者font Awesome中
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- Font-Awesome 强大的字体图标
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- 学习WPF——使用Font-Awesome图标字体
- Font Awesome-为Bootstrap设计的图标字体
- wpf 使用Font-Awesome图标字体