Web Typography Part 2

2nd edition — by Patrick McNeil — Jun. 15, 2006

Editions:

1 2

The Design Element

Good typography on the web is something that really stands out to me. It is so easy to mess it up, which means it is ultimately more likely to not be done well. I can't even say that I have been really successful at implementing "good" typography on the web. With so much variety in the rendering of text it seems that we as designers give up all to quickly.

This wonderful set of sample sites did not give up, they thoroughly prove that it is entirely possible to implement well set type on the web. I am not sure if this is due to personal preference, but many of the sites listed use what I consider more traditional fonts. Many of them are classical looking serif and slab-serif typefaces. The strange thing is that I think I tend to move away from these fonts because they always seem to look so standard or default, and of course these sites prove me wrong.

So, if you have had some training in typography I hope you will find these sites challenging.

divider

Sample Usage

divider

Links

Elements of Typographic Style Applied to the Web
Five simple steps to better typography
Text sizing (tons of screenshots showing variations by browser and platform)
Type Tester (great tool for deciding on typefaces)
sIFR
The Elements of Typographic Style Applied to the Web
CSS Based Image Replacement (Replace text with an image of text)

divider

Comments

Clay Smith

6/15/2006 10:02:19 PM

Ho-ly cow. I was a little surprised to see traffic coming from this domain; I was much more surprised to find my humble, plain site (claysmith.be) placed in the same list as Treehouse, A List Apart, and (best of all, I think) Danial Mall. I honestly don't know what to think. I had to read the copy thrice to convince myself I wasn't being had. Thank y'all for a pleasant evening's chuckle.

Andrs

6/16/2006 9:37:02 AM

Some of these are really bad examples. Given the fact that they are web pages, they should utilize at least some HTML text. Posting an image on the web and calling it a web page is misleading. More importantly, the images don't even have alt tags or title attributes! :-|

Patrick

6/16/2006 10:40:00 AM

Andrs - I understand your point, and sure some of the underlying html isn't the most impresive. I think that is besides the point though. I am looking for visual inspiration here, not technical. My goal is to challenge people design wise and help push us all beyond where we are. This is not the first article containing sites that might be poorly coded.

Ross Johnson

7/24/2006 3:36:36 PM

I think typography is an interesting but understudied field.. so any examples poorly coded or not is great; hoping it will inspire people to start exploring or learning more.

Make a Comment:

All fields are required & all posts are hand moderated.



(not displayed publicly)



Captcha