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.
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.
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.
0 comments:
Post a Comment