Web designers have been presented with two problems over the years; firstly the lack of choice to use anything more than Helvitica (or worse Arial) and Times New Roman for text on a web page. Secondly the expense and complex licensing of quality fonts.

When I started design some 10 years ago there was already a number websites around where you could download free fonts, dafont.com among one of my most frequently visited. The problem with this though was how low the quality was. Sure, there would be the odd gem or two but largely they were outrageous display fonts or just poorly just constructed and only available in a single weight.

The Source Step

The emergence

If your in the business of web design then you will no doubt—or at least you really should—be aware of how the tide has turned and we are seeing far better resources for quality freeware fonts licensed for commercial use such as Font Squirrel.

We have now emerged from sadly lacking days of such techniques as Dynamic Text Replacement, Cufón or (it makes me shudder just to type this) sIFR. Indeed we are now being overwhelmed with an abundance not just of a standard technique (@font-face) but also of good – or even high – quality fonts.

Font Squirrel list quality font’s that have full families of weights and variants. They also offer hundreds of @font-face kits ready to go. If your more interested in more well known selection of fonts check out typekit by Adobe. This is primarily a paid for service (although included with Creative Cloud).

Here we reach the main point of this article; Google provide an alternative to typekit – Google Webfonts (inventive yes?) but significantly the fonts they offer are all open source:

This means that you are free to share your favorites with friends and colleagues. You can even customize them for your own use, or collaborate with the original designer to improve them. And you can use them in every way you want, privately or commercially — in print, on your computer, or in your websites.

The Source Sans Step

So now we have a growing resource of fonts that work well on the web, even early versions of Internet Exporer. Now we have an increasing selection of open source, commercialy usable fonts. Now what does this do to the high price, restrictive font market? Seems prices are – in some places – becoming more realistic, $99 for “Museo Slab” a 12 font family for instance. A big step for a big player is the release of Adobe’s first ever open source font type familySource Sans Pro” available on both Adobe’s own Typekit and Google Webfonts. Will this be the first of many open source fonts from Adobe? It is certainly a possitive step to see fonts dripping into the wider collaberative, open philosophy that the web represents.

Only time will tell, but it certainly is brighter days for web designers.


Update (26/09/2012): Following the success of Source Sans Pro Adobe release Source Code Pro a monospace font.

Another update: Adobe announce Edge Web Fonts giving you access to a vast web font library made possible by contributions from Adobe, Google, and designers around the world.

Edge Web Fonts aims to improve the web by enabling more web font adoption. Read more about how we’ve partnered with Google to push this cause forward.

Great to see Adobe really investing in the open web. They have also released a very interesting number of apps, Edge Animate (previously Adobe Edge Preview - now fully released as 1.0), Edge Reflow and Edge Code as well as a few other services collectivly known as Adobe Edge Tools & Services.