Header Ads Widget

Simple CSS Trick On How To Change Your Blogger Post Body Font Text

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. 

There are thousands of themes for available for bloggers to use, but only few of the new blogger themes are responsive while some old ones are not.
Specially blogger's old default theme. Instead of a responsive desktop theme, it shows a mobile theme to mobile users.
One major issue for blogger is that we can't quickly alter our default font.

The blogger built-in theme editor also does not help most of the modern
blogger theme.

You can't change the font properties of your blog easily by the blogger theme customizer and by any other template. Many people only adjust templates because they don't like the default font family, font colour and style and size, etc. But in this tutorial, I will show you about changing Blogger post body font in almost all types of Classical, Modern and Custom blogger theme.

You can customize your post body default font by using a theme customizer or by simple CSS tricks where applicable.

The simple trick that worked for me and hope it work for you too. For you to change your blog font style follow this step below. You can use any font that suit you or best for your blog so let's begins.

Step 1: Log in to your Blog Dashboard Blogger.com

Step 2: Click on -> Template -> Edit HTML

Step 3: Find this code by]]><b/:skin> by press CTRL + F, search box will open then type that code inside and hit Enter key.

Step 4: Paste the code from below code Before/above ]]><b/:skin>

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

Step 5: Save your template and check/view any of your blog post and see that change has been applied to your blog. Remember you can change it to any font of your choice.

.post-body {font-family: Add Your Font Family Here:


Different fonts are given below:

font-family: "Arial Black", Gadget, sans-serif;
Preview: “Arial Black”, Gadget, sans-serif;
font-family: Arial, Helvetica, sans-serif;
Preview: Arial, Helvetica, sans-serif;
font-family: "Andale Mono", "Monotype.com", monospace;
Preview: “Andale Mono”, “Monotype.com”, monospace;
font-family: "Bookman Old Style", serif;
Preview: “Bookman Old Style”, serif;
font-family: "Comic Sans MS", cursive;
Preview: “Comic Sans MS”, cursive;
font-family: "Courier New", Courier, monospace;
Preview: “Courier New”, Courier, monospace;
font-family: Courier, monospace;
Preview: Courier, monospace;
font-family: fixedsys, monospace;
Preview: fixedsys, monospace;
font-family: Georgia, serif;
Preview: Georgia, serif;
font-family: Garamond, serif;
Preview: Garamond, serif;
font-family: Impact, Charcoal, sans-serif;
Preview: Impact, Charcoal, sans-serif;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
Preview: “Lucida Sans Unicode”, “Lucida Grande”, sans-serif;
font-family: "Lucida Console", Monaco, monospace;
Preview: “Lucida Console”, Monaco, monospace;
font-family: "MS Gothic", monospace;
Preview: “MS Gothic”, monospace;
font-family: "MS Sans Serif", Geneva, sans-serif;
Preview: “MS Sans Serif”, Geneva, sans-serif;
font-family: "MS Serif", "New York", sans-serif;
Preview: “MS Serif”, “New York”, sans-serif;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
Preview: “Palatino Linotype”, “Book Antiqua”, Palatino, serif;
font-family: Symbol, sans-serif;
Preview: Symbol, sans-serif;
font-family: System, sans-serif;
Preview: System, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
Preview: Tahoma, Geneva, sans-serif;
font-family: Techno, Impact, sans-serif;
Preview: Techno, Impact, sans-serif;
font-family: "Times New Roman", Times, serif;
Preview: “Times New Roman”, Times, serif;
font-family: "Trebuchet MS", Helvetica, sans-serif;
Preview: “Trebuchet MS”, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
Preview: Verdana, Geneva, sans-serif;


Post a Comment

0 Comments