Code,Please

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

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

Modern Pictograms

图标数量： 89
价格： Free
License: Open Font License →
下载页面： Modern Pictograms →

Web Symbols Typeface

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

A Free Icon Web Font

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

Iconic Icon Set

图标数量： 171
价格： Free
License: Creative Commons Share Alike 3.0 →
下载页面： Iconic Icon Set →

Raphaël Icon-Set

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

Modern Pictograms

图标数量： 92
价格： Free
License: SIL Open Font License (OFL) →
下载页面： Modern Pictograms →

Symbol Signs

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

Pictos

图标数量： 94
价格： $49
License: Pictos License →
下载页面： Pictos →

Fico

图标数量： 52
价格： €19
下载页面： Fico →

Web Symbols

图标数量： 78
价格： Free
License: SIL Open Font License (OFL) →
下载页面： Web Symbols →

iconSweets 2

图标数量： 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

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

InfoBits Icons & Dingbats

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

ikoo

图标数量： 65
价格： Free
License: Creative Commons Attribution-Share Alike →
下载页面： ikoo →

Social Media Icons Pack

图标数量： 74
价格： Free
下载页面： Social Media Icons Pack →

GUI Design Icons

图标数量： 30
价格： $17
下载页面： GUI Design Icons →

Dot Com Font

图标数量： 93
价格： Free
License: Free for personal use.
下载页面： Dot Com Font →

ClickBits Web Icon & Dingbat System

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

Social Networking Icons Font

图标数量： 56
价格： Free
下载页面： Social Networking Icons Font →

Writesocial

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

JustVector Social Icons Font

图标数量： 30
价格： Free
下载页面： JustVector Social Icons Font →

Flexi Social Icons

图标数量： 65
价格： Free $29
下载页面： Flexi Social Icons →

翻译：20 @fontface Icon Sets

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