Skip to Content


Great Resources For Typography

A font visual of a typeface, described by it’s size, weight and style. In the days of the printing press, a particular font was a cast metal type called a sort for each individual glyph (ie. symbol or letter). These metal types made up the typeface. Today we call a collection of glyph a font. The current trend in web design is web fonts.

What are web fonts?

Web fonts are fonts that are based on the web in html. In the past fonts were completely controlled by the web browser. There were no opportunities for the designer to manipulate and choose a font creatively. Minimal choices were avaible. However in 1995 the tag was introduced with the Netscape browser. Several web font file types exist including, TruDoc, Embedded OpenType (EOT), Scalable Vector Graphics (SVG), TrueType/OpenType (TTF/OTF) and Web Open Font Format (WOFF). The difference between a web font and a desktop font is that desktop fonts reside on your computer. If a web page uses a desktop font, you must have that font installed for you to view it properly, with web fonts they should show up automatically.

Some people may find the search for the perfect font fun, like me. Others just want to find one to please the client as quickly as possible. Either way this list will help you with your quest and hopefully it will be fun along the way.

So check out this great list of resources!

Font Squirrel – Tons and tons of free fonts, even for commercial use!

The League of Moveable type – There are some really great fonts here.

Font Spring – Pay fonts, but there are a lot of nice ones.

Font Feed – Font reviews and some great articles.

Typedia – A virtual encyclopedia of fonts with some great information as well.

Typophile – A great forum for discussion on Typography.

Typographica – Type, Books, Reviews and Commentary, just like they say!

Font Shop – Fonts for pay, not bad though. They also have a selection of free fonts as well.

Fonts In Use – Huge list of typefaces. Great resources, it’s a lot of fun too.

I Love Typography – Reviews, blog postings, tutorials, great information for everything typography.

Font Hacking

I don’t know a whole lot about typography other than the basics and the fact that some look prettier than others. I also have heard that kernings were for print and sans serif was for web. Although I don’t think that neccessarily applies across the board, but since I am more of a programmer than a designer I have to seek out information from people who know best rather than hack up my own solution. But in this case maybe hacking up my own solution might be rewarding. Learning how to make the best out of ‘font-ting’ is a exercise worth doing.

What if I told you there was a way to radically alter your web pages without using images, javascript, proprietary CSS3 or any extra markup? What if I told you you didn’t have to be an experienced typographer, you could do it for little more than 6Kb and that it would work in Internet Explorer 7? For free? Welcome to Font Hacking, my primer on extracting, deconstructing, altering and replacing letterforms. The workflow I shall be outlining can be used for good or for evil; artfully resculpting typefaces or brutally defacing them. I am going to give you the ability to do either.

Go here and read this article!