Skip to content


Typography in Web Design Posted in Website Design, Concocted by Fred Roed, 2 comments
Published on 13 May 2008
typedesign.jpg

typography

It’s amazing how much detail goes into a website. Think of the functional components, programming technology, tags, site navigation and the personas. Phew! And that’s before we even touch the content.

Design is the glue that holds everything together. And with so much to think about when you’re a web developer, I’m now going to add another to the list: typography.

When I studied (as a print designer), typography was a huge part of my course. In the Internet Age, it seems to have taken a back seat to structure and image manipulation, even though it’s such an integral part of keeping web layout together. If you take a quick browse through some of your most visited sites, I’ll bet you’ll see a noticable lack of well-weighted typography.

With the aim of keeping typography on the check-list for managers as well as designers, here’s a quick list of points to keep you honest:

1. Typography is about space. Like photography is about manipulating light, typography is about manipulating space. If the space (between lines, between letters) feels right, you’ve done a good job.

2. Sans serif CAN go with serif. The old adage of ‘don’t mix sans and serifs’ is NOT true. You’ve got to do what’s right for the project.

3. Type is meant to be be legible. If a designer says something like ‘it’s not supposed to be read’ or ‘I want the visitor to work for the message’ it means that someone’s chain is being jerked.

That’s all I got for now, but if you’ve got time, check out Smashing Magazine’s gallery of sweet typography acrobatics here.

Read more posts by Fred Roed

Fred Roed

Fred is the CEO of digital marketing agency World Wide Creative. Fred co-founded The Heavy Chef Project, as well as Ideate, a forum for African entrepreneurs. Fred focuses on online brand building, marketing strategy and loud Hawaiian shirts. Fred is famous for his sartorial excellence, long diatribes about music and fanatical attention to detail when making pizza. Follow Fred on Twitter: www.twitter.com/Fred_Roed

Related posts:

  1. 5 traits of a great web designer
  2. Book cover design
  3. Some guideline rules on blog design
  4. The Role of Design in a Blog: Form Marries Function
  5. What it takes to design a brilliant new site

Tagged with , , , .


  1. Leslie says

    Hi Fred:
    This was valuable. I’d like to invite your comments on Bitrix Virtual Lab: http://www.bitrixsoft.com/sitemanager/demo.php. Does their design aesthetics meet your standards?

  2. Fred says

    Leslie, thanks for the comment. Had a brief look at your site, and to be honest, there’s not much thought into the layout of type and fonts used in a design context. Whether the site works is another question, and I think a general simplification is in order, but sticking to the theme of typography, I think that the site could do with a fresh designer’s eye. Have a look at the Smashing Magazine typographical galleries for great examples of how a designer can really think about how type is used to deliver the message.