Add Google Fonts into Blog

web fonts/ custom fonts in blogger
Millions of blogs are in internet and most of them use default fonts but if you want to make your blog different and take visitors into your blogs, then you should keep something extra in your minds and should think how to make your blog's look different than others. You should take various things to change your blogs. Among them, Use of custom fonts can be one.

The only best way to use web-fonts/custom fonts into a blog is using of google web fonts but this is not last way. There are various web-fonts sites but google fonts are mostly used.

How to add web fonts/ custom font into a blogger blog?



1st Step: Choose a font From google webfonts. Too find, just go to www.google.com/webfonts. You can see almost 650 more fonts in the collection of google web fonts.
Picture 1

Picture 2


2nd Step:  Now hit on quick use tab and just shown in the above picture. Then you will see like the second pic where you will see following two lines' code.

Line 1 code: It is the link of google web fonts which you are going to use.
--------------------------------------------------------------------------
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Line 2 code: It is the integration of css into your webpage.
--------------------------------------------------------------------------
font-family: 'Open Sans', sans-serif;
3rd Step: Now just copy the line 1 code. And then go to your blogger dashboard. Click on template>>edit html. Just below the <head> tag paste this code.
Picture 3

4th Step: Then copy line 2 and paste it into every tag where you want to put this font. Such as
h3.post-title
{
font-family: 'Open Sans', sans-serif;
 }
Picture 4

5th Step: Now you just press on Save Template button.

Post a Comment

0 Comments