Design

«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