10 Best Free Google Web Fonts for Blogs in 2014

Socialize It →

Tweet

0

Advertisements

Your Blog may be an interesting place for information but most of the times we as bloggers fail to attract audience even though we have the plight of content available. The Difference is fonts. One of the most basic things that you can do to make your post attractive is that use awesome fonts on your blog. So this tutorial is an overview of the best fonts available on Google web fonts. In this article, will show you 10 Best Google Web fonts for Blogs in 2014.

What are Google Web fonts?

Google Web fonts are the best collection of open source fonts on the web. These fonts can be used on any website over the internet using API. This in simple words means that you don’t need to download the fonts they will be just used with a line of code in your Cascade Style Sheet (CSS). So you can browse through hundreds of open source fonts here and use the favorite one on your blog. This tutorial is all about web-fonts, how to use them in blogger or any other website also a few best fonts here.

How to Use Google Web-Fonts?

Now that you have an idea of what Google web-fonts are let us just quickly learn how to add Google Web fonts to your blog/website. This process is indeed very simple because you just have to copy paste from the website as Google already generates the source links of the fonts.

First you need to go to the Google Web-fonts inventory where you will be greeted by this awesome collection of fonts. Here you can preview your custom text also just change the Grumpy Wizards into whatever you like to. This will give you a basic idea on how your text will appear when you put it in your blog.

You just need to select any font that you wish. For example I have select Oswald, so just click the quick use button shown below:

In the next step you have to copy the line of code that is been provided to you (as shown in the screenshot below). After copying the line of code, paste it just above </head> in your webpage, template or theme.

That’s it now you have integrated your favorite font on your blog now let’s see how to use it normally. This is like any other font you just have to use the appropriate name given to you.

font-family:”Oswald”; sans serif

Now that you have learned how to use Google web fonts on your website you can add any number of fonts that you wish to add.

10 Best Free Google Web Fonts for Blogs of 2014:

Open Sans:

Open sans is a san-serif typface font designed by Steve Mattson. It has friendly appereance with optimistic display accorss web, print, mobile and other devices. In real the design is almost identical to Droid Sans fonts. Whereas Droid Sans is used primarily in the android devices and Open Sans is used in Google web pages for text.

Open Sans comes with variety of weights includes 300 light, 400 normal, semi-bold 600, bold 700 and finally extra-bold 800. In short, it is extremely handy for web developers and your we are sure your client would certainly love this font.

Recommended combinations: Droid Sans, Roboto, Oswald.

PT Sans

PT Sans also known as ПТ Санс in Russian was created by ParaType. It gives a slight touch of Russian way of writing English which brings a history to the text. In 2010, PT Sans were released under English language giving web developers more flexibility to use it on their web pages.

Recommended combinations: Droid Sans.

Oswald

Oswald fonts are a classical font made by Alternate Gothic' sans serif typefaces. They come in variety of weights that are just perfect for your blog. At MyBloggerLab we also use Oswald fonts.

Recommended combinations: Lora.

Droid Serif

Droid Serif is looks a lot like a font called Lora but it has its own taste and it comes with 400 normal weight. It has a bit of hand-written touch but again it also has that amazing typography that is ideal for personal blogs.

Recommended combinations: Open Sans, Roboto.

Roboto

Recommended pairings: Droid Sans, Lato, Lora.

Lora

Recommended pairings: Oswald, Lato, Ubuntu.

Josefin Slab

Recommended pairings: Pacifico, Droid Sans, Roboto.

Arvo

Recommended pairings: Oswald, Lora, Open Sans, Droid Sans.

Raleway

Recommended pairings: Open Sans, Lora, Oswald

uBunto

Recommended pairings: Droid Sans, Roboto. 

There are many other sources of web-fonts all over the web but Google fonts is indeed the largest and the best source which you can use. We hope this showcase of some highly anticipated fonts would help web developers, web designers and blog owners to make their site more readable and user-friendly. If you like this article, then do share it with your friends on Facebook, Google+ or tweet it at Twitter.

Advertisements

About the Editorial Team

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).