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

2014年7月22日 19点23分 1F
支持一下~~看起來挺不錯的~~
2014年7月22日 19点42分 2F
都是简约范儿
2014年7月22日 20点51分 3F
UI设计。
2014年8月5日 10点05分 4F
支持一下~
2014年12月29日 11点02分 5F
很好很强大
2015年3月16日 16点22分 6F
鸟哥 我用的你的那套图标字体 但是缺了几个我需要的 请问怎么加啊 我只有png的图标 谢谢。
2015年3月16日 17点25分 中国 B1
@ 学个去 我哪套图标?自行到此制作:https://icomoon.io/app/#/select
2015年4月28日 14点22分 7F
撒旦法是否