atas /head

Friday, February 17, 2017

How To Change and Use Fonts In Blogger Posts

How To Change and Use Fonts In Blogger Posts



As we know that Blogger is an wonderful and amazing platform to make free blogs. You can make 100 blogs per google account and you can make money from these free blogs and this makes the Blogger an amazing platform for newbies and old bloggers.

For your blog to look amazing, your blog should have user friendly template which blogger allows users to upload third party templates. Your content and fonts should also be eye friendly so that visitors should not face any problem while reading your blog. So here we come with an awesome post discussing about how to change fonts in bloggers posts.

How To Change and Use Fonts In Blogger Posts.


We will discus step wise to change fonts.

Step 1 - Remove Existing Font

-The very first step is to remove the existing font so that you can change it to your favourite font.
-Go to Blogger -- Template -- Edit HTML 
- Now press CTRL+F and search for the code " fonts.googleapis.com "
You will find the code as shown in Screen shot. remove the link that is highlighted by red box and save template.


Step 2 - Install New Font In Your Blog

-First of all go to Google Fonts and choose the font that you want to use and then click on " Quick Use
- Now tick all the styles. After copy copy the HTML link tag code. ( You will find that code below the heading written on no- 3 " Add this code to your website " ) 
- Now again Go to Blogger -- Template -- Edit HTML and paste that code below <head> and save the template.
- After that come to no-4 ( Integrate the fonts into your CSS ) in Google Fonts, You will see a code like as shown in screen shot. Copy that code

- Now again Go to Blogger -- Template -- Edit HTML and search for body {. There you will see a code like font-family upto semicolon. Remove that code and paste the new code that you have copied from Google fonts and save template

Now you are done with your work. You can use your favourite fonts in blogger fonts.


Available link for download