John LeschinskiWeb Typography

Written by John Leschinski from Leschinski Design on September 15, 2007

“Web Design is 95% Typography”

Oliver Reichenstein

Blogs should take heed of Oliver Reichenstein’s words. Good typography in your design is good readability, usability, and balance. Sadly, though, typography is a much ignored aspect of design online and designs fall victim to measure being too long, narrow linespaceing, low contrast, and poor grid structure. But the problem I see most in blogs, especially blogs trying to monetize every last pixel of their screen is poorly placed ad’s disrupting the flow of content and lack of white space.

While typography online will never have the same resources as print, the foundations are the same and should be an important consideration in the look of your design. Where they differ is how people read web content scanning much faster and not in the traditional up and down columns associated with newsprint. Web typography is also limited by the pool of fonts available and being rendered differently on various platforms.

Typography should be an integral part of your design, and it’s worth learning more about typography in general to better understand the art of type. From choosing the right font, to leading and tracking on the text.

You can find out more here http://webtypography.net

Written by John Leschinski from Leschinski Design on September 15, 2007 | Filed Under Design & Coding

Share with others

  • StumbleUpon
  • Add to Delicious
  • Mixx

2 Responses so far | Have Your Say!

  1. WarriorBlog  |  September 15th, 2007 at 5:47 pm #

    WarriorBlog - Gravatar

    When are you going to do a custom design for your blog? :idea:

  2. John Leschinski (Post Author)   |  September 15th, 2007 at 9:47 pm #

    John Leschinski - Gravatar

    My blog is customized thanks.

    Interesting Alexa redirect.

Trackbacks to 'Web Typography'

Leave Feedback

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>