eyelearn.org

applied art for the web

Typography for the web

Web Design is 95% Typography.

Oliver Reichenstein

This article was published in 2006, and caused such reaction that a follow-up article was published. I would highly recommend you read them both, plenty of food for thought.

Though this is a bold statement which you might, or might not, agree with – there is no doubt that carefully crafted typography will not only ensure good legibility of text and therefore accessibility but also greatly enhance the design and impact of any given website.

To get you started with some basics and give you plenty of material to study – let’s go through some of the content of this post:
typography for the web

type illustration

This course on Pluralsight is a fitting addition to this week's topic - though I do not agree with all of the views expressed, the videos cover plenty of good basics.
Typography for the Web by Susan Simkins

If you are very new to typography it will be well worth your time to read up on some of the basic design principles involved in both type design and typography for the web. While there is much to read online, it used to be more difficult to find the right resource for those new to the subject.

But no longer — I am proud to present to you this brilliant site to help you get to grips with all the basics and more: Typelab.co.uk
Created as major project by our very own Hannah (who graduated 2016) – thanks, Hannah :)

typelablogo

This is the celebrated new miscellany of
Mr. Simon Collison A.K.A Colly

This is version 4 of the site of designer, author, speaker and event organiser Simon Collison. His website has since had a major update but luckily Simon is keeping this version online for our enjoyment :)
Let's have a look at this little gem of webdesign.

screnshot of v4 website, Simon Collison

Andy Clarke

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography

Andy is a a designer, speaker, and writer - and one of my favourite web people :) He's a designer how codes and his talks and articles are always full of inspiration. He is currently writing a series—which I would highly recommend—of design-focused articles on Smashing Magazine.

typelablogo
U&lc (Uppercase and lowercase) magazine by Herb Lubalin.

Expressive typography needn’t need fancy fonts.

This particular article is the eighth issue and Andy introduces designs by American graphic designer and typographer Herb Lubalin which lead him to explore some very engaging approaches to designing with type. You'll find lovely example of designing with type as well as some CSS code insights.

Richard is a bit of a font geek - and this talk certainly reflects this, you will learn a lot about the intricacies of setting type for onscreen display.

view slides

Tim Brown describes himself as "a designer, author, speaker, and maker of tools" (quoted from his site). He is Head of Typography at Adobe, has written a book on Flexible Typesetting and has created a few tools which can help you learn more about setting type for the web.