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
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 :)
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.
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.
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.
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.