How to Change Blogger Post Body Font By CSS Trick

How to Change Blogger Post Body Font By CSS trick. You can customize your blog post body default font by a simple trick, though there are many font available but not all are suit for your blog site.

You can customize your post body default font by a simple CSS trick. There are many font available but not suit all with your blog site. So for changing your blog font style you can apply the simple trick. I am using Georgia font by applying this trick. You can use according to you wish.

tips & tricks

Step #1: Log in to your Blogger account and Go to your Blogger Dashboard

Step #2: Now click on -> Theme -> Edit HTML

Step #3: Now Find this code ]]></b:skin> by pressing Ctrl+F (Windows) or CMD+F (Mac)

Step #4: And Paste the code from below Before/above ]]></b:skin>
.post-body {font-family: Georgia,"Times New Roman",serif;}
Step #5: Now save your templates and check your templates that it has changed with your new applied font.

Remember that you can also add any other font as you like. Just add the font name after
  • .post-body {font-family: Add Your Font Family Here}.
Different Font family are given below-
  • font-family: "Arial Black", Gadget, sans-serif;
  • font-family: Arial, Helvetica, sans-serif;
  • font-family: "Andale Mono", "", monospace;
  • font-family: "Bookman Old Style", serif;
  • font-family: "Comic Sans MS", cursive;
  • font-family: "Courier New", Courier, monospace;
  • font-family: Courier, monospace;
  • font-family: fixedsys, monospace;
  • font-family: Georgia, serif;
  • font-family: Garamond, serif;
  • font-family: Impact, Charcoal, sans-serif;
  • font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  • font-family: "Lucida Console", Monaco, monospace;
  • font-family: "MS Gothic", monospace;
  • font-family: "MS Sans Serif", Geneva, sans-serif;
  • font-family: "MS Serif", "New York", sans-serif;
  • font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  • font-family: Symbol, sans-serif;
  • font-family: System, sans-serif;
  • font-family: Tahoma, Geneva, sans-serif;
  • font-family: Techno, Impact, sans-serif;
  • font-family: "Times New Roman", Times, serif;
  • font-family: "Trebuchet MS", Helvetica, sans-serif;
  • font-family: Verdana, Geneva, sans-serif;
Newer Post
This is the last post.
Angraj says: 6/23/2013

Nice tip but the font that you have suggested I'm already using on my blog now I wanted to increase the default font size of my posts. Any suggestion....
any way your template is awesome!

BloggerSpice says: ADMIN 6/24/2013

Hi Raaz..find the code like below--

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;

and add below code before }


and replace

Unknown says: 6/27/2013

hi mohammad thanks for the tutorial. It is wonderful thank you
and see this tutorial how to boost up alexa rank?

Techex says: 6/29/2013

Nice Sharing Fazle Bro, Post Body font is look's good of your posts well nice topic u share with us thanks

BloggerSpice says: ADMIN 6/30/2013

thanks Rizwan..I am happy to hear that

BloggerSpice says: ADMIN 6/30/2013

thanks for commenting

Rony Shaji says: 7/06/2013

thanks buddy Visit and see me

Nesi Mapenzi says: 7/20/2013

Am not seeing that code on my blog,,i use busby template i got from btemplate...

BloggerSpice says: ADMIN 7/20/2013

I have got the code in your template. Please check

.post-body {font-family: Georgia,"Times New Roman",serif;}

this template default code is Georgia

Nesi Mapenzi says: 7/21/2013

Thanks,,,how can i adjust the font size? They look pretty small on my blog

Anonymous 6/09/2014

Thank you so much for this. I have been trying to figure out how to change the font for a month now. Nothing else worked.

Thank you so much :)

BloggerSpice says: ADMIN 6/09/2014

Welcome Alison...Its nice to hear that my tutorial helped you.

Cha fern says: 11/06/2014

Bro, i had use ur tutorial but my blog seems did not work to it.

can u help me check because i didn't see any changes happened once i saved.

BloggerSpice says: ADMIN 11/06/2014

Hi are using Blogger default template. You have to change the font in different way. just find the below code and change the font name--- body {
font: normal normal 16px Josefin Sans;
Here your template main font is ''Josefin Sans'' and font size is 16px so change those and it will work now. Thanks

Unknown says: 6/16/2015

Great post! But, it's not working for me. When I'm on my blog's homepage, the font of a post preview (before it says "read more") is completely different than the font when I open the post. Can you please take a look?

BloggerSpice says: ADMIN 6/17/2015

Hi Katarina...System has changed now Custom Google Font will work. please follow the updated post from below link---

Thank you

Unknown says: 7/10/2015

nice post but i failed resize of my outer wrapper and main wrapper as there is no such code with this name in my template. Please help me. visit

BloggerSpice says: ADMIN 7/11/2015

Hi Fahim...System has changed now Custom Google Font will work. please follow the updated post from below link---


Thank you

JM Kayne says: 12/20/2016

Didn't work for me :(

Please help!

God Bless!
JM Kayne |

BloggerSpice says: ADMIN 12/20/2016

Hi JM Kayne Miyake'
This post is outdated now. Please follow the below URL for latest tutorial.


Leo Kusuma says: 10/16/2018

This worked for me. Thanks alot.

BloggerSpice says: ADMIN 10/17/2018

Welcome Bro :up

Contact Form


Email *

Message *