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.
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 :
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 :
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 :
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.