将图标字体使用在网站上,这会是一个全新的发展趋势。一旦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

关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
2014年7月22日 19点23分 沙发
支持一下~~看起來挺不錯的~~
2014年7月22日 19点42分 板凳
都是简约范儿
2014年7月22日 20点51分 地板
UI设计。
2014年8月5日 10点05分 4楼
支持一下~
2014年12月29日 11点02分 5楼
很好很强大
2015年3月16日 16点22分 6楼
鸟哥 我用的你的那套图标字体 但是缺了几个我需要的 请问怎么加啊 我只有png的图标 谢谢。
2015年3月16日 17点25分 1层
@学个去 我哪套图标?自行到此制作:https://icomoon.io/app/#/select
2015年4月28日 14点22分 7楼
撒旦法是否