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



6.Copse



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!

Regards
Pradeep

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.