You write a blog post thinking that your readers will enjoy reading it, but if you’ve a bad blog typography this won’t happen. By typography I mean font style and size. Apart from a good blog design, it is very important to have an attractive blog typography so as your readers can easily read the content. In my today’s article I am going to tell you how to improve your blog typography. Lets start :
Choose right font family
Though there are different font families available but two of my favorites are :
font-family: “Verdana”, Geneva, sans-serif;
font-family: “Georgia”, serif;
I recommend you to use any of the above mentioned fonts.
Choose right font size
A font size is an important part of typography, the size of a font depends upon the blog design. There is no standard size. Keep the size normal, no ones gonna read that tiny text.
Letter spacing
A very important factor to consider, letter spacing is the space between letters. Have a look at the image below and you will know the importance of letter spacing in typography :
See, how letter spacing makes your letters look more readable. So, open your style.css file and increase the letter spacing. How ? I’ll tell you. You can use the following CSS code for letter spacing :
letter-spacing: 10px;
Word spacing
As the name says, it is the space between two words. To make your content more readable you must consider word spacing also. Here is the CSS code for word spacing :
word-spacing:10px;
Line height
It is the height between two lines. Small line height will make your content looks very crowdy, when it comes to blog typography, line height is also a great factor to consider. Here is the CSS code for it :
line-height:120%;
Font color
Always choose a font color that suits the background color of your theme. Suppose you have white background then the font color should be a dark color like black, dark brown depending upon your template color combination.
Limit number of words
If you’ve large post content area, then keep in mind one thing that limit the number of words in a line, your one line should not have more than 20 words.
To work more on typography I recommend you to learn CSS and also read 26 Tips To Make Your Blog Design Better.
{ 1 comment… read it below or add one }
I just got done having a similar discussion — once again — with one of our SEO guys regarding image replacement within a nav and stumbled upon your post. I think your thoughts echo mine pretty well. Where I would take minor exception is the using a h1 tag on a logo as that seems to be a waste of a perfectly good h1 tag. Instead, an effective and more relevant h1 should give a the viewer and search engines a brief description of what’s on the page from a content perspective. I’m not sure many company names do that and I would bet that your search results would be better served as well. Nice article though. Thanks.