A font subscription service for designers

Find out how to pick fonts for your user interfaces that aren't just beautiful, but also improve your websites' usability.

Make fonts in Illustrator

A handy article on Vertical Rhythm and Modular Scale with Viewport Units.

336 pixel perfect, all-purpose vector icons

250+ carefully crafted pictograms

… a visual typeface diff tool.

Lurid Lettering Some spooky designs that have oozed across my screen today.

(Pay what you want)

Add Vector Icons to Your Website. Create your icon fonts in seconds. Make your website faster. Over 9,000 icons available. Import your own vectors

This guide will help you understand the typographic foundations that will improve the readability of your articles.

A showcase of the best typefaces from the Google web fonts directory. There are over 400 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look.

Using IcoMoon you can easily search and download vector icons or generate fonts (icon fonts). This tool can also be used for icon set management. It can generate icon fonts, SVGs, PDFs, PNGs and sprites.

icon fonts generator

You can get Ligature Symbols for free. This Font is licensed under the SIL Open Font License for download and using.

… a font with 52* simple, commonly used icons and glyphs, served on the web via @font-face.

Using this app you can easily search and browse vector icons to download them or make an icon font. An icon font is a font that has symbols/icons as its glyphs. Using the IcoMoon app, you can also import your own vector images to use them in your font. This tool generates all the necessary web font formats (WOFF, TTF, SVG, and EOT). The SVG font can be imported back to the app.

Font finder that helps you to identify fonts from any image. 🔎 Upload the image and choose what the font you need. 790,000 fonts indexed free or commercial.

The Paragraph in Web Typography & Design by Jon Tan 陳

Please note that this article used to have [another layout](http://web.archive.org/web/20130104231015/https://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake) that got lost in space during the migration of content to new servers.

«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. […]»

My personal blog with thoughts on front end developement.