How To Change The Font Style Of Post Body In Blogger ?

We always try to make our blog look attractive and for this we always try different methods such as changing templates, background, adding attractive widgets etc. But a good font style can make your blog look more attractive and effective. As far as my blogs are concerned i heavily focus on font style of my blogs because it not only make your blog look attractive but make your blog different from others blogs on the internet.

So today in this tutorial i will show you how to change the font styles / font family of your blogs post body. Basically there are two ways of doing it, one is by editing the template code which is quite simple method and other is by changing the HTML code of each and every post. The second way looks a bit boring work because every time we have to add the code in posts HTML section but this method is good for those who want to change the font styles of only specific posts. In this tutorial i am going to show you only the first method to change the font style of your blogs body and the other method i will show you in my next post. So here is the first method:

How to change the font style of your blogs body using Template Editor ?

For this you just need t follow some simple steps described below :
Step 1: Log in to your blogger account.
Step 2: Go to template.
Step 3: Then click on Edit HTML.
Step 4: After this you will see you HTML Editor page. Here first you click CTRL+F and then search the following type of codes: 

.post-body {font-family:Arial,Helvetica,Sans-serif;font-size:20px}

or

.post h1,.post h2{font-family: Arial;, sans-serif, Segoe UI,Arial,Tahoma;font-size:170%;line-height:1.2em;margin:8px 0 3px;padding:0;font-weight:normal;margin-bottom:15px;}

Screenshot 1, Please click on the image to enlarge it.

Screenshot 2, To enlarge the image please click on it.

Note 1: Search for similar type of codes, the codes may differ little bit.
Note 2: Do not change the css code that is given in blue, you are not required to change that code.
Step 5: Now just change or add the font style that you want to show on your blog.

.post-body {font-family: Gabriola,Arial,Helvetica,Sans-serif;font-size:20px}

or

.post h1,.post h2{font-family: Gabriola,Arial;, sans-serif, Segoe UI,Arial,Tahoma;font-size:170%;line-height:1.2em;margin:8px 0 3px;padding:0;font-weight:normal;margin-bottom:15px;}

Here in the above example i have added the font style "Gabriola" as a default font for my blog. You can change it to other font styles like Lucida Handwriting, Oswald, Lucida Fax etc.

Step 6: Then Save your template and you are done.

Note: May be your blog templates have some other predefined class so it may be difficult for you to change the font style in your blog. I have given the two example that is generally used in most of the templates but if you are not able to find them then search for "post body" keyword in template editor section and the try changing the font family.

So this is the end of our first method in our next tutorial i will show you how to change the font style of post body of specific posts in blogger that is our second method of changing the font style of your posts body. If the above method doesn't work for you then please try this second method, this will definitely sort out your problem.