Tips For Dirty Bloggers Pt 3: Typography – Your Blog’s Cutting Edge

October 26, 2011  | 
2 Comments

Some people find it rather difficult to get excited about typography. I am one of those people. “Excited” is a step too far for me. I do however recognize the importance of typography, both in terms of ease of use and aesthetics.

LIMI

Ooo...

 

Cognition

Ah...

Above are two examples of how typography can lend itself to beautiful design. You like? The sky is the limit when it comes to creating beautiful blogs almost exclusively with typography.  Check out 60 Breathtaking Examples Of Beautiful Typography and 30 Blog Designs with Killer Typography for further inspiration.

The Power Of Fonts

The Power Of Fonts

There are more ways to present your online musings than you can shake a stick at.

Do not underestimate the impact your font choices can have on the design of your blog. You could have the most beautiful design in the world, but if your typography isn’t up to scratch, your blog will end up looking like a pig wearing lipstick.

Unfortunately, the web safe fonts that were once the humble web designer’s staple are rather limiting. Not very inspiring, as I am sure you will agree.

Fortunately, there are now plenty of options for the virtual calligrapher. Sarah already did the hard work for me and picked out 12 Ways to Get Beautiful Typography for WordPress - check it out.

Clean Typography = Happy Visitors

Clean Typography = Happy Visitors

This dog is running with glee towards its favorite font. This is the kind of effect that typography can have, people!

We’ve already talked about clean design (so your visitors can get around easily) and clean code (so your site loads quickly and Google loves you). Now we’re onto the topic of clean typography – so your visitors can actually read your content.

Because let’s not forget – unless you are designing a portfolio blog or something similar, everything you do in your design should be geared towards your content.

There are a few key pointers when it comes to typography that you should bear in mind:

  1. Font size – haven’t you heard? 16px is the new 14px. Make your text big, fat and readable.
  2. Speaking of fat, don’t be afraid to bold and italicize elements of your content as appropriate. Web users tend to ‘scan’ text if they are not fully engaged – make this easier for them by highlighting important points (see what I did there?).
  3. Only use dark-colored fonts on light backgrounds. Anything else will make your content harder to read.
  4. White space - use it in abundance. Nothing makes your eyes ache more than tightly grouped clumps of text. Make reading a pleasure for your visitors – give their eyes room to breathe.
  5. Don’t go too fancy – whilst that art-deco font may have really caught your eye, how easy is it to read? If you want to express your artistic flair in your typography, keep it to short sharp bursts. Pick an easy to read font for the bulk of your text, and then go all out with smaller elements, such as headers and block quotes.

The Cold Hard Truth Of Dirty Typography

Here is a shocking truth that you must accept – even if you have kick ass content, you will frustrate and turn off a lot of your visitors if your content is difficult to digest.

So pay a little attention to your typography. Make it clean and easy to read, and if you feel inclined to, find some really awesome fonts to spice up your design.

Over To You

What do you think about typography? Is it something that you value when it comes to your blog? Or is it the last thing on your mind? Let us know in the comments section!

Creative commons images courtesy of Brenda Clarke and K Johansson

Featured Plugin - Every great SEO tweak you need, in one snazzy bundle

Fully integrated with the SEOMoz API, complete with automatic links, sitemaps and SEO optimization of your WordPress setup - this is the only plugin you need to help you rank your site number 1 on Google - nothing else compares.
Find out more

Featured Plugin - Start Your Own Powerful Membership Site

If you're thinking about starting a paid, or just private, membership site then this is truly the plugin you've been looking for. Easy to use, massively configurable and ready to go out of the box!
Find out more

Featured Plugin - Turn any WordPress page into a fully featured wiki!

To get a wiki up and running you used to need to install Mediawiki and toil away for days configuring it... not any more! This plugin gives you *all* the functionality you want from a wiki, in WordPress!!!
Find out more

Featured Plugin - Start your own Quora / StackOverflow / Yahoo Q&A site

It's now incredibly easy to start your own Q&A site using nothing more than WordPress - The Q&A plugin simply and brilliantly transforms any site, or page, into a perfect support or Q&A environment.
Find out more

Featured Plugin - Open an Online Store with MarketPress

Out of all the WordPress ecommerce plugins available, this has got to be the winner - easy to configure, powerful functionality, multiple gateways and more. A simply brilliant plugin!
Find out more

Featured Plugin - Add bottom corner (or anywhere else) chat to your site

No javascript required, no third part chat engine, just fully featured chat right in your own database on your own WP sites - couldn't be easier.
Find out more

Featured Plugin - Send beautiful html email newsletters, from WordPress!

Now there's no need to pay for a third party service to sign up, manage and send beautiful email newsletters to your subscriber base - this plugin has got the lot.
Find out more

Featured Plugin - Easily integrate your WordPress site with Facebook

Would you like to add Facebook comments, registration, 'Like' buttons and autoposting to your WP site? Well, The Ultimate Facebook plugin has got that all covered!
Find out more

Featured Plugin - Host sites, get paid, just like WordPress.com

If you've ever wondered how you could offer a paid site management and hosting service, then this is the plugin for you. Offer a freemium or paid service, for any niche you like, it's powered Edublogs.org to success already!
Find out more

2 Responses to Tips For Dirty Bloggers Pt 3: Typography – Your Blog’s Cutting Edge

  1. Thank you! This is the post I’ve been searching for! Precise. To the point. Perfect. I also appreciate your links that go into more detail. Seriously, well done!

    -Lindsay

Click on a tab to select how you'd like to leave your comment

Leave a Reply

Your email address will not be published. Required fields are marked *

*

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

Subscribe without commenting