«So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. […]»

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

the most well-made, free & open-source, @font-face ready fonts

Create Your Own @font-face Kits by uploading the fonts you want to use.

Download and install the Font Awesome free font family by Dave Gandy as well as test-drive and see a complete character set.

fonts available for @font-face embedding

... a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them.

... is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

... let’s you flip through, preview and compare web typography while retrieving the CSS

336 pixel perfect, all-purpose vector icons

250+ carefully crafted pictograms

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

… a complete set of icons for use in web design and apps, consisting of 320+ pixel-perfect, hand-crafted icons that draw inspiration from Apple iOS 7 - available to the public, 100% FREE! You may use or distribute it for any purpose, whether personal or commercial.

A freshly updated icon font set that you can use with CSS on your next Foundation project.

… the iconic font designed for use with Twitter Bootstrap