> > 15 Best Google Fonts to use in your Website/Blog Text

15 Best Google Fonts to use in your Website/Blog Text

Posted on Wednesday 15 August 2012 | No Comments

Google Web Fonts has thousands of fonts in its library. If you want to put a new different font in your website then you may go to Google Web Fonts to find out a good font which would suit your website theme.

But in such a huge library, its somewhat difficult to select best font which would suit your website theme.
So I quickly got on Google Web Fonts to select fonts which could suit nearly any theme of a website with any style.

Salsa

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Salsa' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Salsa', cursive;

Italiana

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Italiana' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Italiana', serif;

Bree Serif

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Bree Serif', serif;

Nunito

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Nunito', sans-serif;

Tienne

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Tienne' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Tienne', serif;

Rosarivo

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Rosarivo' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Rosarivo', serif;

Judson

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Judson' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Judson', serif;

Dosis

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Dosis', serif;

Nova Square

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Nova+Square' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Nova Square', serif;

Short Stack

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Short Stack', serif;

Buenard

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Buenard' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Buenard', serif;

Overlock

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Overlock', serif;

Karla

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Karla', serif;

Junge

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Junge', serif;

Happy Monkey

Put this code inside head tag -
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>

And this one in your stylesheet -
font-family: 'Happy Monkey', serif;
These are all 15 Best fonts according to me which you can use in your Website or Blog Posts.

Leave a Reply

Powered by Blogger.