将图标字体使用在网站上,这会是一个全新的发展趋势。一旦font-face开始支持现代浏览器,那么在网页中插入图标字体有可能成为最简单的方法之一了。那为什么图标字体可以成为未来的新趋势?它的优点又是些什么呢?下面,我们总结了这么几个原因:
- 它就像字体一样 ,我们可以改变图标的尺寸并让视觉效果更好。
- 我们也可以改变它们的颜色,增加阴影效果。
- 使用CSS3,我们还可以将它旋转,改变方向,还有过渡效果和不同层次的透明度。
- 透明效果只有在IE6的环境下工作。
下面我们收集了19套图标字体,总类超过了2000多种免费的图标给大家,你们可以使用它们在任何地方,如果你不确定怎么使用这些图标,可以参考我们之前的一篇文章:如何在HTML中使用图标字体-icon font?
Pictonic
230 Icons
Entypo
100+ Icons
Font Awesome
70 Icons
Modern Pictograms
22 Icons
Iconic
171 Icons
Web Symbols
78 Icons
Icons
116 Icons
Social Media Icons Pack
74 Icons
PulsarJS
73 Icons
Icon Web Font
60 Icons
Foundation Icons
139 Icons
Brandico
20 Icons
Typicons
88 Icons
Sosa
120+ Icons
Just Vector Font
70+ Icons
Signify
38 Icons
Fontstruct
65 Icons
Dingbat Font
800 Icons
Ligature Symbols
210 Icons
via 1stwebdesigner