How To : Use Google Font API on Blogger Template

May 2, 2012

0 Flares 0 Flares ×

Template on Blogger Blog is usually using Arial, Trebuchet, or Verdana font. But, now you can use Google Font API. The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. It is beautiful, I tried to put one on my blogger blog and I like this. It is easy to add Google Font API on blogger template.
Now, open your Blogger Dashboard, select Design>Edit HTML. And then, Choose your favourite font on Google Font Directory. After you choose one, just click to see the speciment, variant, character set, info, and how to use. You need not to download, unless You want to install in you computer.
Click on “Use This Font”. Tick the checkboxes for the variants you want to use. Now, You will see code below. You should put this code in to your template as the first element in the .

You can parse the code using http://centricle.com/tools/html-entities/
The next step is editing the CSS code. I put { font-family: ‘Yanone Kaffeesatz’, arial, serif; } on tag #sidebar h2. Look at the picture below.