最新的超棒免费图标字体(icon font)收集
2014-12-30 11:16
603 查看
今天我们收集了18套非常有特色的免费图标字体给大家,如果能够将它们应用到你的用户界面设计上,绝对是完美之极!
到底什么才是图标字体?
图标字体是字体文件,用符号和字形的轮廓(像箭头、文件夹、放大镜等) 代替标准的文字数字式字符。图标字体就像Dingbat fonts,是专门为用户界面设计,就像其它网站字体一样,使用CSS@font-face在web浏览器里展示。处理方式类似网站字体:拥有跨浏览器支持(甚至是IE6,例如,使用@font-face渲染网页字体)
如果使用者调整他们的浏览器设置,可以动态缩放。
可以呈现不同颜色。
可以体现字体和文字相关的CSS属性(就像文字的阴影和渐变)
学习怎样使用图标字体,参考此教程: 如何在HTML中使用图标字体 - icon font?
下面推荐的这18套免费的字体图标全部可以用作个人或者商业用途,希望大家从中找到你需要的一款,设计出精美的用户界面!
1. Foundation Icons Fonts
图标数量: 137. 许可协议: MIT Open Source License.2. Sosa icon font
图标数量: 121. 许可协议: Custom license (use in commercial projects permitted).3. Font Awesome
图标数量: 196. 许可协议: Creative Commons Attribution 3.0 Unported.4. Iconic Icon Set
图标数量: 172. 许可协议: SIL Open Font License and Creative Commons Attribution-ShareAlike 3.0.5. Raphal Icon-Set
图标数量: 116. 许可协议: MIT License.6. PulsarJS @FontFace
图标数量: 73. 许可协议: SIL Open Font License.7. IcoMoon
使用 IcoMoon web app在线应用来生成字体。图标数量: 316. 许可协议: Attribution-ShareAlike 3.0 Unported.
8. Typicons
图标数量: 88. 许可协议: Creative Commons Attribution 3.0 Unported.9. Entypo
图标数量: 100+. 许可协议: Creative Commons Attribution 3.0 Unported.10. Heydings Icons
图标数量: 60. 许可协议: Attribution-NoDerivs 3.0 Unported.11. Heydings Controls (App Icon Font)
图标数量: 110. 许可协议: Attribution-NoDerivs 3.0 Unported.12. JustVector Social Icons Font
图标数量: 62. 许可协议: Free Art License.13. Modern Pictograms
图标数量: 86. 许可协议: SIL Open Font License.14. Brandico
图标数量: 18. 许可协议: SIL Open Font License and Attribution-ShareAlike 3.0 Unported.15. Signify Lite
图标数量: 38. 许可协议: Custom license (use in commercial projects permitted).16. Web Symbols typeface
图标数量: 78. 许可协议: SIL Open Font License.17. Social Media Icons
图标数量: 74. 许可协议: Custom license (use in commercial projects permitted).18. ikoo
图标数量: 65. 许可协议: Attribution-ShareAlike 3.0 Unported.来源:最新的超棒免费图标字体(icon font)收集
相关文章推荐
- 最新的超棒免费图标字体(icon font)收集
- 最新的超棒免费图标字体(icon font)收集
- 最新的超棒免费图标字体(icon font)收集
- 最新的超棒免费图标字体(icon font)收集
- 19套最新的免费图标字体集
- iconfont-字体图标
- webpack中如何使用iconfont字体图标
- mac上小程序使用iconfont字体图标
- WPF使用矢量字体图标(阿里巴巴iconfont)
- 图标字体(IconFont)制作
- WPF自定义控件与样式(1)-矢量字体图标(iconfont)
- 如何在HTML中使用图标字体 - icon font?
- Android如何设置图标字体 IconFont(HTML图标)
- vue中引入第三方字体图标库iconfont,及iconfont引入彩色图标
- 微信小程序如何引入外部字体库iconfont的图标
- iconfont字体图标的使用
- Iconfont 字体图标
- 最新收集20佳高质量的免费网页图标素材
- 免费图标素材:47套最新的超棒免费图标集
- iconfont 转换为图标字体。