Typography for Headlines

Update 01/30/07: I've put these into a blog so that I can add them more easily. 200 headlines is my next goal!

I've been thinking about how I might improve the typography in my headlines - be more creative, give them more 'pop', that sort of thing. So I took a look around some of the sites I frequent the most for some inspiration (and maybe even spot a trend or two).

Here's a collection of the ones that caught my eye.

Related: looking for examples of great comment design? Check out my blog comment design showcase.

Parting Thoughts

Big type is in - the bigger the better! But for how long? Unusual date treatments (e.g. calendar style) seems to be increasing in popularity, and is certainly a style that appeals to me.

What did surprise me is how many sites (not web design-related) have awful typography, even well known, highly trafficked ones.

I'd certainly be interested to know about other examples that I've missed. I'm sure there are plenty out there.

Further Reading

Posted on: June 27, 2006 | 3 Comments

Recent Entries in "Showcases"

3 Comments Posted

Christian, thanks for a great article. Well, maybe you'll be interesting in my article 25 Best License-Free Quality Fonts. ;)

With warm greetings from Saarbruecken,
Vitaly Friedman

Interesting idea. Thanks.

Sheesh! Never saw that before (probably still wouldn't, if you didn't leave a trace in my referrer logs).

Nice collection, thanks for letting me in!

BTW, why not experiment with the Typetester for a while?

Marko - you're welcome! The more I look around, the more I find great examples of typography. I've been looking at regular 'news' sites, but the best examples always seem to come from blogs.

And, yes, Typetester is a great tool!

Gasp! Shock! Wow!

So surprised I was included! But thanks! And major props has to be given to my theme's original designer, Clemens at:

http://clemens.orth.me.uk/2005/05/15/wordpress-theme-3-column-relaxation/

I just tweaked the colors & fonts :)

Collection of headers was very helpfull. Maybe with css style and fonts used it would be more complete but that would be too much.

Great collection of Blogs. I've found several great blogs from your list! How about putting together a resourse of the best headlines?

Interesting indeed. Whilst not typography specific I've always considered my headers as a key element in the site. They provided the most obvious visual cue that "something new starts here" and I'm always tweaking them.

I've discussed this on my site previously, but for my last re-design I increased the size of the headers dramatically to FORCE me to write better articles (bigger headers = more prominence = more visibility = pressure to perform... or something).

Question then: why ELSE would you have big header text?

Interesting stuff. I think typography is an often overlooked aesthetic feature of websites, and your post reminds me how important it really is. Thanks. But now I'll have to start re-evaluating the font work on my own site.

What do you guys think about the headlines at http://www.foxymcloud.com?

Christian - interesting idea, but using that effect with such a small type size makes the heading hard to read. The effect would work better if the type was about twice as large.

Thanks very much for that suggestion, you are 100% correct and I just needed someone else to say it because I didn't realize it myself. I stepped up the header size a little and I might reduce the effect. Thanks again!

Christian – that's definitely better, although I think you're right in reducing the effect a little more. I also wonder if that effect might work better in a different font – perhaps something a bit blockier. You're using sIFR, right?

I am not using sIFR, I don't use that on links. It's plain text with a GIF overlay, here's the tutorial:

Worn Type

Nice resources for proposal seekers.......

I have already bookmarked it for future reference

Nice little article. I still don't feel right about my site's headlines though.

really cool! I love these headlines!

Thank you for this collection of headlines!

Great collection.

here's one:

http://blog.scenedaily.com/

BTW, Love your site!

TOP STORES

Categories

Subscribe

Subscribe to my RSS FeedSubscribe to my Web Design Blog RSS Feed

Proud member of 9rules network