This blog has moved here: www.bloggermint.com
Rethnaraj Rambabu Tuesday, June 15, 2010

Adding new fonts to Blogger blogs is made possible with Google Font API. You don't have to know any programming skills to do this; just get a simple HTML code from Google Web Fonts and add it to your Blogger Template. Then refer to the font in a CSS style. Here is an example:-

I Love Blogger

There are 18 new fonts which can be embedded into any web pages. Here is a screen shot of the list of fonts available in the Google Fonts Directory. Thanks to Browsershots for the shot.



So, follow these easy steps to embed those fonts to your blog.

1. Go to Google Fonts Directory.

2.  Click on the font that you are interested.

3. Click on the "Get the code" tab.


4. Tick the checkboxes for the variant of the font that you want to use. Copy the code in the box.


5. Now log into Blogger > Design > Edit HTML. And search for </head> tag.

6. Paste code in the clipboard before the </head> tag.

7. So, whenever you want to use that font in your blog, just wrap your text with these tags. If you use other fonts other than Cantarell, just replace the red colored text below with the name of your font.

<span style="font-family:Cantarell; font-size:24px;">Your Text Goes Here</span>


If you are good at editing CSS, then you can simply use the font in your CSS font stack like any other fonts.

CSS selector {
        font-family: 'Font Name', arial, serif;
}

Browser compalitibity

The Google Font API is compatible with the following browsers:

* Google Chrome: version 4.249.4+
* Mozilla Firefox: version: 3.5+
* Apple Safari: version 3.1+
* Opera: version 10.5+
* Microsoft Internet Explorer: version 6+

For further informations about this Google Font API, visit their FAQ .


10 comments:

Joshua Smith said...

Thank you for turning attention on useful information. It needs to know that outsourcing software development could help in your business by installing customized software apps.

Joshua Smith said...

A lot of thanks for your fresh tips. Casino partners always look for online casino affiliate program to increase their revenue income from best casinos or poker rooms.

Anonymous said...

Hi guys...Dare to try something different? Can grab this free new font here if you like.

http://new.myfonts.com/fonts/layarbahtera/layar-bahtera/

Joshua Smith said...

I'm glad to read this great review. I'm happy to share with insurance instant rates that is provided by top home insurance companies. You may save on cheap auto insurance which allow you to get cheap policy.

Lucas said...

timereplicas
Timereplicas
Replicas Cartier
Replicas Breitling
Replicas Patek Philippe
Replicas Mont Blanc
Replicas Bell & Ross
Replicas Emporio Armani
Replicas Michael Kors
Replicas Porshe
Replicas Audemars Piguet
Replicas IWC
Replicas Ferrari
Replicas Jacob & Co
Replicas U-Boat
Replicas Roger Dubuis

Lucas said...

shoppwatch
Shoppwatch
Replicas Omega
Replicas Graham
Replicas Bvlgari
Replicas Panerai
Replicas Emporio Armani
Replicas tissot
Replicas Baume & Mercier
Replicas chopard
Replicas Oris
Replicas Burberry
Replicas Jacob & Co
Replicas Porshe
Replicas Audemars Piguet
Replicas U-Boat

Lucas said...

maxirelogios
Maxirelogios
Replicas Audemars Piguet
Replicas Baume Mercier
Replicas Bell Ross
Replicas Breitling
Replicas Burberry
Replicas Bvlgari
Replicas Cartier
Replicas Chanel
Replicas Chopard
Replicas Corum
Replicas Emporio Armani
Replicas Ferrari
Replicas Franck Muller
Replicas Graham

Lucas said...

Guia Relogios Famosos
Guia Relogios Famosos
Replicas Audemars Piguet
Replicas Baume & Mercier
Replicas Bell Ross
Replicas Breitling
Replicas Bvlgari
Replicas Cartier
Replicas Chopard
Replicas Corum
Replicas Ferrari
Replicas Franck Muller
Replicas Graham
Replicas IWC
Replicas Jacob & Co
Replicas Jaeger le Coultre

Lucas said...

Viprelogios
Vip Relogios
Replicas Audemars Piguet
Replicas Baume & Mercier
Replicas Bell Ross
Replicas Bvlgari
Replicas Cartier
Replicas Chopard
Replicas Corum
Replicas Graham
Replicas IWC
Replicas Jacob & Co
Replicas Jaeger le Coultre
Replicas Michael Kours
Replicas mont Blanc
Replicas Omega

Perfumes Importados
Relogios
Relogios Masculinos
Relogios Citizen
Relogios dos Famosos
Relogios & Relogios
Relogios Famosos
Relogios Femininos
Relogios Importados
Relogios Masculinos
Relogios Michael Kors
Relogios Oakley
Relojoaria

nana said...

Guild Wars 2 Gold The principle designer of the game stated Isaiah Catwright, the production group desires to reduce the speed of updates, as a way to focus on the optimization of the existing content material. Buy Diablo 3 Gold We feel the game program has been huge enough, we next going to focus on optimization and improvement in the current system. diablo3bay.com

Post a Comment

Copyright 2010 Introblogger
Designed by Rethnaraj Rambabu
Introblogger | The free blogging guide - Blogged Web Statistics