How to Change Blogger Post Body Font By CSS Trick - My Blogger Market

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

1/12/2013

How to Change Blogger Post Body Font By CSS Trick

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", "Monotype.com", 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;

No comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.

Post Top Ad

Responsive Ads Here