21个@fontface图标集

使用@fontface来引用图片这种方式的优点远大于缺点。首先,一个显著的优点是有无限的可扩展性:可以只用CSS属性(比如color,gradients,shadow等等)动态的设计这个图标。然后,管理一个字体文件比应对一大堆单独的图片或者创建sprites要容易很多。第三,一个单独的字体文件对于你所有使用的图标只需要一个HTTP请求。最后,说服你使用@fontface图标集的原因是,他们看起来令人惊异。

随着@fontface图标慢慢走进主流的新趋势,产生了许多新的字体格式图标集。但是,我们整理了20个高质量的图标集,我们相信你会发现它们太棒了。不是所有的都是免费的,有15个免费和7个付费集合。

Modern Pictograms

21个@fontface图标集
图标数量: 89
价格: Free
License: Open Font License →
下载页面: Modern Pictograms →

Web Symbols Typeface

21个@fontface图标集
图标数量: 77
价格: Free
License: SIL Open Font License (OFL) →
下载页面: Web Symbols Typeface →

A Free Icon Web Font

21个@fontface图标集
图标数量: 60
价格: Free
License: SIL Open Font License (OFL) →
下载页面: A Free Icon Web Font →

Iconic Icon Set

21个@fontface图标集
图标数量: 171
价格: Free
License: Creative Commons Share Alike 3.0 →
下载页面: Iconic Icon Set →

Raphaël Icon-Set

21个@fontface图标集
图标数量: 116
价格: Free
License: The MIT License (MIT) →
下载页面: Raphaël Icon-Set →

Modern Pictograms

21个@fontface图标集
图标数量: 92
价格: Free
License: SIL Open Font License (OFL) →
下载页面: Modern Pictograms →

Symbol Signs

21个@fontface图标集
图标数量: 21
价格: Free
License: Creative Commons – Attribution →
下载页面: Symbol Signs →

Pictos

21个@fontface图标集
图标数量: 94
价格: $49
License: Pictos License →
下载页面: Pictos →

Fico

21个@fontface图标集
图标数量: 52
价格: €19
下载页面: Fico →

Web Symbols

21个@fontface图标集
图标数量: 78
价格: Free
License: SIL Open Font License (OFL) →
下载页面: Web Symbols →

iconSweets 2

21个@fontface图标集
图标数量: 400+
价格: $8
License: You may use these icons/font for both commercial and non-commercial projects and customize them any way you like. You may NOT redistribute these icons.
下载页面: iconSweets 2 →

Tipogram

21个@fontface图标集
图标数量: 90
价格: $18
License: Tipogram License @fontface font” width”640″>
下载页面: Tipogram @fontface font” width”640″>

InfoBits Icons & Dingbats

21个@fontface图标集
图标数量: 190
价格: $29 for both styles
License: Fonthead Standard EULA →
下载页面: InfoBits Icons & Dingbats →

ikoo

21个@fontface图标集
图标数量: 65
价格: Free
License: Creative Commons Attribution-Share Alike →
下载页面: ikoo →

Social Media Icons Pack

21个@fontface图标集
图标数量: 74
价格: Free
下载页面: Social Media Icons Pack →

GUI Design Icons

21个@fontface图标集
图标数量: 30
价格: $17
下载页面: GUI Design Icons →

Dot Com Font

21个@fontface图标集
图标数量: 93
价格: Free
License: Free for personal use.
下载页面: Dot Com Font →

ClickBits Web Icon & Dingbat System

21个@fontface图标集
图标数量: 300+
价格: $49 for all styles
License: Fonthead Standard EULA →
下载页面: ClickBits Web Icon & Dingbat System →

Social Networking Icons Font

21个@fontface图标集
图标数量: 56
价格: Free
下载页面: Social Networking Icons Font →

Writesocial

21个@fontface图标集
图标数量: 18
价格: Free $10
License: Free Art License →
下载页面: Writesocial @fontface font” width”640″>

JustVector Social Icons Font

21个@fontface图标集
图标数量: 30
价格: Free
下载页面: JustVector Social Icons Font →

Flexi Social Icons

21个@fontface图标集
图标数量: 65
价格: Free $29
下载页面: Flexi Social Icons →

翻译:20 @fontface Icon Sets

下篇将会介绍@font-face的使用指南

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>