20 awesome WebFonts

font collection
Fonts are a integral part of a website. With industry wide adoption of @font-face ,WebFonts are the biggest thing today. From paid to free ones, nearly ever site has one.This is a showcase of 20 awesome fonts from Google's WebFont gallery. They are absolutely free to use and also easy to integrate into blogs/websites.

1. Amaranath

2. Arvo

3. Bangers

4. Chewy

5. Coming Soon


7. Damion

8. Droid Serif

9. Kreon

10. Leckerli One

11. Lobster

12. Mate SC

13. Nobile

14. Nova Slim

15. Nunito

16. Open Sans

17. Oswald

18. Pacifico

19. Salsa

20. Volkhov

Any amazing font that I missed ? Feel free to share them in the comments

Written by Prayag Verma

A self proclaimed Blogger Evangelist. He has been blogging for the past 4 years and likes to help people having problems with Blogger . Get more from Prayag on and Twitter

Email Newsletter

Like what you read here in this post ?
Get new posts delivered straight to your inbox

Post a Comment
Techsemo said...

Nice font collections. thank you. am using Droid serif in my site: techsemo.com

Thanks! The post is really useful. I'll try to use the fonts in my blog.

Thanks dude, it's awesome :D

I think Pinterest uses Lobster lol . Also 'Asap' and 'Play' are good fonts. Asap has a very low effect on PS too. Nice list...

Thanks for the suggestion , will include it in the next compilation

forgot droid sans!

As you use Stylify Template, you can go to the Template Designer and under the Advanced option select the specific font

Caygri said...

where i download it?

Pradeep said...

If you use official blogger templates then these fonts are provided already in the template designer!


Pradeep said...

COooooooooooooool collection

Dan said...

Some of the fonts are great, thanks :)

Great tip, thanks always looking for fonts to do things on my own blogs.

will write one ,just wait a day or two....

rahul roy said...

This thing actually deserves a post..

Just embed any font you like, after the <head> tag,
Like for example if you like the Salsa font,then go to Google Webfonts and get the following code:

<link href='http://fonts.googleapis.com/css?family=Salsa' rel='stylesheet' type='text/css' />

After that in between the b:skin tags,add the following CSS

If you want all text to be this font then add
.body {font-family:Salsa !important;}

If you want like only H2 tag then add
h2 {font-family:Salsa !important;}

similarly you can apply it to different elements....

rahul roy said...

How to use them in blogger??

Yes in all major browsers including IE

Nice fonts. Are these fonts compatible in all browsers?

Lauren said...

Wow, I love the Salsa font, too cute.