As a boy I used to love two types of shops: toy stores, especially those with vast stocks of Lego, and stationery retailers, in which I could lose myself for hours. The latter remains a weird affliction that I don’t yet know the name for.
While I’m not a designer by trade I’ve always loved a good font and appreciate great typography. In an online environment it is often the difference between a good site and a great site, since it is a major part of a website’s visual appeal.
Some say that web design is 95% typography. I’m not sure I’d go quite that far, but I do believe that it can help improve the user experience, that it can help persuade visitors to interact and take action, and that as such you should ask yourself whether your site needs a makeover in this department?
I’ve been working on a new website and have done a lot of research in this area. It is so hard to get wrong, and I’m not yet sure that I’ll get it right, but I’ve collated this list from a bunch of my recent bookmarks and thought it would be a good idea to aggregate and share them.
Flickr’s Type Group. Almost 10,000 members, and 50,000 images to browse.
3point7designs’ 10 Examples Of Beautiful CSS Typography And How They Did It.
TypographyServed – an excellent Behance Network website that is very easy on the eye and aggregates lots of recent type action from ‘leading creative professionals’.
15 Excellent Examples Of Web Typography, by I Love Typography.
TypeNeu. ‘An Odyssey in Typography’.
Elegant Web Typography - a presentation by Jeff Croft, via SlideShare.
WebTypography.net – aka ‘the elements of typographic style applied to the web’. A technical guide to typography for websites. Dense in parts, but full of sense.
Web Design Is 95% Typography. “Treat text as a user interface.” Gotta love that.
Five Simple Steps To Better Typography. A useful post from Mark Boulton.
The Principles of Beautiful Typography, by Jason Beard. Don't walk before you can run, right?
The Grid System. Learn about ‘the foundation of any solid design’.
The 100% Easy-2-Read Standard. There are some sensible basics in here to take note of.
Typographica’s favourite typefaces of 2008. Great site, and a nice list.
I Love Typography’s favourite typefaces of 2008. What’s not to love about Marat?
DaFont – an aggregator of thousands of fonts, with many available to install for free. A great resource.
Fontsquirrel – the strapline says it all: “100% FREE fonts for graphic designers. All with commercial-use licences.” Joy to the world.
Typetester – compare fonts and type choices online. Change fonts, alignment, leading, tracking, spacing and colours.
Fontburner – sick of seeing Arial and other web safe fonts for on websites? This tool helps you transform headlines on your site, so long as there are no stylesheet conflicts. Pick a new font, download the code, and hey presto.
CSS Typeset – transforms your text into CSS. Perfect for amateurs like me.
What The Font? A web tool (and iPhone app) that allows you to take a picture and upload it, in order to find out – you guessed – what font is being used.
Snook’s Colour Contrast Checker, to help you apply the right colour choices to your type.
Font Picker. Helps you quickly figure out which font on your machine is best suited for your designs.
[Image by psd via Flickr, various rights reserved]