Typography 101 For Bloggers

Typography 101 For Bloggers

Do you want to get more readers to your blog?

Of course you do.

There’s thousands and thousands of tricks on how to do that. And just as many blog posts out there.

But this one is easy, but it’s also pretty much overlooked. I’m talking about some basic information design and typography 101 for bloggers.

Interested?

Accept Your Limitations And Get With It

Now, let me tell you right off the bat: I’m no art director. Actually, I’m pretty far from being good at web design myself.

I know this because I work with some very talented web designers and boy, they have talents I’ll never have.

But I’m not talking about highly creative skills here. And if I can learn basic information design, so can you.

Let me highlight this with a short story:

When I studied at the university, I took a 10 week course named Information Design. And I sucked at it.

At the very end of the course, we voted for who had produced the most beautiful information designs during the course. I don’t remember the name of the girl who won, but from what i could tell—she was talented.

Of course, some fellow douchebag thought it was a good idea to also have a vote on who had done the most terrible design.

Scheisse, I thought. (I speak German, but only when I swear to myself.)

The teacher didn’t have a chance to stop the class who quickly decided by raising hands on who had produced the most terrible design.

Drumroll, right? Of course it was me.

But I was okay with it. I’m a pretty cool guy if I may say so myself — and I know where my strengths lie. And it’s not as a designer.

As Clint Eastwood said in one of his movies:

”A man has to know his limitations.” <<< Click to tweet.

Still, it was the best and most useful class I’ve ever taken.

Getting The Basics Right Is Actually Easy

So why should you listen to me on this subject? Because, I’ve learnt the hard way.

I’m a pretty good example of what the worst acceptable level should be. Because I’ve got exactly zero talent in this area. So what I can learn, you can learn.

And since we have a blogging groundswell in Sweden right now, with over 500+ bloggers each publishing one post a day for 100 days in a row, my eyes are actually hurting.

So this is really a community service, of sorts.

Let’s start with the choice of font.

1. Choosing The Right Font For Your Blog

Serifs is what they call fonts that have feet and stuff. Like Times New Roman and Georgia. Sans serifs are fonts without feet, like Helvetica and Arial. The classic rule is that you should use Sans serifs for your headlines and Serifs for the rest.

Serifs are easier to read as they tend to tie in to each other, while Sans serifs are better att standing out and grabbing attention.

But since reading on the screen is somewhat different to reading on paper, a lot of San serif fonts works really well for everything.

As a reaction to this, some use Serifs for headlines to make them stand out.

So in short, the rules for Serifs and Sans serifs doesn’t really apply for bloggers.

The basic rules for choosing blogging fonts are quite simple:

1. Less is more. Use two different fonts, or maybe three if you want an accent font. Don’t use more. (I have four right now, but that’s because I’ve got a Google Web Font Plugin that’s messing with me.)

2. Don’t fall for the fancy fonts. You don’t want people to notice your fonts, because that distracts them from your message. So choosing fonts that people are used to is a plus.If you get really fancy with one font, go mainstream with the rest.

3. Go bigger. Size 12 is pretty standard in Word and Pages, but rest assure it’ll probably loose you readers.

2. The Golden Ratio For Content Width

This is my favourite rule. And it gets the best results.

It scares me sometimes, that many otherwise awesome web designers get this wrong. Don’t ask me why.

I learnt how to calculate this by hand, but a good rule of thumb is that every line of text should have about 11 to 14 words on average.

That’s very few words, right?

Try to pick up a novel, and you can see that this rule applies. And on the web, we want shorter, not longer.

Most WordPress themes don’t get this. The lines of text just goes on and on. But if you want readers, it’s better to have a really short content width and a lot of white space (as little distraction as possible).

There’s a really good tool for this, The Golden Ratio Typography Calculator.

Use it. And mind the line height as well, please. It’s important.

3. Paragraph Structure… GRRR!

This, I hate.

I love long paragraphs. Keeping complex lines of thought neatly structured together. And I for one thinks that long paragraphs looks good as well.

I get even happier when I can vary between blank lines and indentations as well because it offers a wider range in shifting pace as a writer.

For a blog? No, not so much.

Write shorter paragraphs. With more punch in every line. <<< Click to tweet.

I try to do this myself because I find this style of writing easier to read on blogs. And if I prefer it that way myself, then I want to show my readers the same courtesy.

And use sub-headers. Most blog posts gets scanned rather than read word-for-word, so sub-headers do a great job in keeping those restless soul interested.

In Closing

If you apply these simple recommendations, you will get more readers.

It might not fit with your current style of writing I know, but as a writer, you should really care more about your readers than about yourself.

(Now I sound like your language teacher from school, right?)

After all, some basic typography never hurts. If you find this exciting, there are tons of things online for you to research on the subject.

And when you start to kern (what?) your blog posts, that’s when you now you’ve gone to far with this. Don’t blame me, okay? :)

Now, if you found this useful, don’t be shy to post a link to your blog in the comment section if you decide to better the readability of your blog. Or, subcribe to my mailing list for future updates from me!

- See more at: http://doktorspinn.com/2013/02/03/typography-101-bloggers/#sthash.sRz8nICe.dpuf