May 25, 2010

How to Use Google Font API on Blog CSS?

What is Google Font API? The Google Font API helps you add web fonts to any web page. It means you dont need to install font family on your desktop computer to see custom font on any web.
Benefits of the Google Font API include:
  • A choice of high quality open source fonts.
  • Works in most browsers.
  • Extremely easy to use.
For example, the following text uses a web font called Tangerine:


We can apply this font on web without install it on our PC, even our visitor can see it because we use font and script from Google Directory.

Yes, Google have created Google Font Directory. There we can browse this catalog of available fonts, learn about the font designers who created them, and copy the code required to use them on our web page. The fonts in the directory are all released under open source licenses; you can use them on any non-commercial or commercial project.



Now, we can use this unique font on our website or blog. How to use Google Font API ? For reference, you can read this Quick Start example or follow this example.

Step 1
Open Layout>Edit HTML. Add a stylesheet link to request the desired web font(s). Copy these code and paste after <head> code



Note : Change Font name as your desire or you can pick this code from Google Font Directory. For exampale if you want to use Yanone Kaffeesatz font, go to Google font directory, click on font type, then click on Get Code.



Step 2
Insert CSS code
font-family: 'Yanone Kaffeesatz', arial, serif;

You can insert it wherever you want. For example you want use that font for Post title, so insert it after
.post h3 {

or you want to use it as global font so insert it after
body{

etc.

I try to use custom font for my post title as you can see it. I think this is a great idea especially for everyone who concern on blog design and appearance. Thanks Google.

39 comments:

  1. yes it works for me, you can check my blog...

    thank for sharing Cebong...

    ReplyDelete
  2. Hi, please I need buy a template for blogger, please contact me. vicmgm1@gmail.com

    ReplyDelete
  3. This will work in blogger template, correct?

    Peace, Love and Chocolate
    Tiffany

    ReplyDelete
  4. still waiting for your design using this google font api :D

    ReplyDelete
  5. Nice fonts. I'm thinking how to do it in Wordpress.

    ReplyDelete
  6. mo nanya dunk, kl google font directory bisa nya d buka pake program apa?
    begitu d klik kan dy ngedonlot sendiri,,,
    emng begitu, ataw saya yg salah yah?

    thanks

    ReplyDelete
  7. @tika: ga perlu di download tik..itu kaya online directory atau harddisk online

    ReplyDelete
  8. hoho, iya ternyata saya salh kmaren,,mkasih yah,,
    mo nanya lg dunk, spesifikasi paste yg step 1 itu d sebelh mana yah? head yg paling ats bgt atau yg tengah2..

    maksih bnyak
    *gagal mulu sayah dr kmaren2

    ReplyDelete
  9. Very nice post. Get Amazing usefull blogger widgets and install easily in your blogspot. http://youtools.blogspot.com

    ReplyDelete
  10. Ty, i will mention that with a link back to your blog. Great post, and congrats for Google!

    ReplyDelete
  11. @tika: yang atas . opean head..yg bawah kan closed nya

    ReplyDelete
  12. Nice tutorial for me!
    Thanks for teach me as a newbie in blogging design!

    ReplyDelete
  13. We gave our own lovely thomas sabo earring sale Rockoko Mum a black beaded for Christmas and it was a second hit, so what better than a charm to go with it. We’re idea the thomas sabo charm carriers gorgeous little purple flower- clear for Spring and it won’t expire like standard flowers (sweet as they are), but there are cheap thomas sabo charm carriers so many other Thomas Sabo charms that you’re adjoin to be spoilt for pick. Hearts are forever a winners, the delicate little pink thomas sabo charm carriers uk kindness is a particular favourite . Shoes are also discount thomas sabo charm carriers guaranteed to go down well as well as purse charms silver charm carriers but suchlike you determine you’re hurdle to find the precise thomas sabo necklaces charm or bracelet to regard your mum this cheap thomas sabo necklace Mother’s day. What’s more, input rules MUMRCK anytime between now and Mother’s Day and accept limitless giftwrap and the option to be discount thomas sabo necklaces entered a released prize draw to win now. In 1984, Mr. thomas sabo watches himself the pompous idea to institute the rings contract. thomas sabo watches uk He called his company to himself and the 'thomas sabo watches sale Jewels "were natural. Thomas Sabo's breakthrough came with the introduction cheap thomas sabo watches of the Charm Club. Wearing charms to trinkets is a dated tradition. discount thomas sabo watches The charms represent a part of you, a riddle passion or obsession. Life-altering moments, thomas watches shop a new romance, achievement of objectives and achievements .. Sabo watches It's all reflected in your charmbracellet. When I see ample stretch of silver charms at once again I feel 14 time. thomas watches I would not want, I would wish them all.

    ReplyDelete
  14. When UGG Classic Tall moment in Classic Tall Boots time Classic Tall uggs pertains find ugg 5815 expensive jewelry regarding UGG Cardy Mother you'll notice Cardy Boots engagement rings is among the actual
    Classic Tall uggs ideal presents you can actually produce your mother. You Cardy Ugg boots can find explanation Cardy uggs why folks should display his or her's mother's ugg 5819 with gifts. A birthday and mom's birthday are usually a couple of the extremely UGG Classic Short

    ReplyDelete
  15. I have spent most of my life in Kenya,tory burch East Africa I was intrigued to hear MBT shoes,tory burch shoes otherwise known as Masai Barefoot Technology.MBT shoes are most definitely not a fashion statement and can look a bit odd. tory burch outlet Invented in 1997 by Swiss Engineer Karl Mueller, Mbt's are seen as a highly performing aid to fitness. cheap tory burch MBT's are designed to be breathable, flexible and comfortable. tory burch boots The MBT shoes uniquely mbt designed sole, very similar to the 'tyre shoes' often worn by East African Tribal people, are said to mimic walking around barefoot in the sand.tory burch flip flops MBT shoes are slightly weighted and distribute weight evenly across the entire foot and as your body reacts to the weight and instability of the mbt shoe's sole design, muscles,tory burch handbag often those neglected, are made to work to correct this instability.tory burch handbags outlet Could there then be a better way to tone up when the only fitness aid you need is a pair of MBT shoes? tory burch heels MBT shoes can have a beneficial effect on the entire body and MBT shoes are said to enhance both training and massage effects on the body.tory burch flats Here are a few reasons why: All you need to do is start walking. Walking is probably one of the , most popular, tory burch flats cheap simplest, cheapest and enjoyable recreational activities one can find. Walking alone improves circulation, boosts your immunity, strengthens the performance of the lungs and heart, betters your mood, improves muscle tone and gets you out of the house.tory burch wallet Add a pair of Mbt shoes to the equation and many of the benefits are magnified and mbt schuhe muscles, not often used, start to be trained.

    ReplyDelete
  16. When moment pandora bracelets in time pertains
    find expensive pandora braceletjewelry regarding
    Mother you'll pandora bracelets sale notice engagement
    rings is among the actual ideal cheap pandora bracelets presents you can pandora bangle
    actually produce your mother. You can find explanation why folks should andora beads display his or her's mother's pandora charms with gifts.A birthday and mom's birthday are usually a couple of the extremely difficult times to be able to opt pandora earrings for the surprise for the purpose of mommy, is pandora necklaces usually something you mom will forever want in addition to clothing. The many you will discover six handy techniques for purchasing the best Single parent's expensive jewelry. There are several belongings you would need to be aware of pandora sets when buying the perfect reward for Mom. Keeping these guidelines in the mind will let avoid problems and inconveniences.

    ReplyDelete
  17. Very nice post. Get Amazing usefull blogger widgets and install easily in your blogspot.


    milwaukee web design

    ReplyDelete
  18. Do you know pandora beads Its full name is pandora bead Do you know pandora charm Its full name is pandora bracelet . If you are a tall level, I think you want to get much pandora bangles and pandora bangle. If you want to play this game, you need to
    pandora necklaces.
    And if you do not know how to buy Pandora necklace, you can ask me. I think you will like it pandora earrings,
    I love pandora sets

    ReplyDelete
  19. i dont know how to change the font at my page..
    plz help me...
    even i already add the link to my CSS.. but i doesn't work..
    nothing change...
    sorry.. im new blogger..

    ReplyDelete
  20. A round pandora jewellery cut has the pandora australia greatest pandora bangles number of facets, pandora bracelet and if properly proportioned, will appear pandora charm bracelet the most brilliant. An emerald pandora earrings cut diamond has the fewest facets, pandora glass beads so larger stones are need to make an impressive display.Clarity: All diamonds, except the most rare, pandora necklace has some kind of mark,nick, or cloudiness to them pandora online caused by flaws. pandora sale The clarity of the diamond is measured by an alphabetical and numerical scale with the diamonds in the “F” category pandora silver beads being completely pandora style beads flawless.

    ReplyDelete
  21. I like this news, thank you for sharing out the resources, I also have information sharing, this is my share content pandora

    ReplyDelete
  22. Very nice illustrations or photos, I need these kind of people ! I became a number of them liek regarding referring to you ought to look. Hey there to get the best french, I'm certainly spanish.

    ReplyDelete
  23. Very nice illustrations or photos, I need these kind of people ! I became a number of them liek regarding referring to you ought to look. Hey there to get the best french, I'm certainly spanish.

    ReplyDelete
  24. Thanks for this kind of nice post.

    ReplyDelete
  25. I found your blog on google while looking for furniture and your post looks very interesting to me.

    ReplyDelete
  26. Thanks a lot for saying about useful info. It necessary to understand that mobile apps development could help in your mobile industry by installing customized software apps.

    ReplyDelete
  27. Wow, Great post,Nice work, I would like to read your blog every day Thanks.

    ReplyDelete
  28. I have hunting it for a long time. So happy I got it today. I hope that our owners can share more good things with us.

    ReplyDelete
  29. Thanks for nice info. Let me mention about cheap home insurance that are from homeowners insurance agents. Save on free rates on homeowners insurance.

    ReplyDelete
  30. Thank you for writing this great posts. You have affordable possibility to clarify gaming affiliate. The most common casino programs such as go wild affiliates and great poker rooms such as redbet.

    ReplyDelete
  31. Ils ont plus d'une fois nous a aidé des fossés du désespoir. Parfois, ces fossés ont grandi pour devenir des ravins, mais ils ont juste souri et continué à tirer sur machine a sous en ligne

    ReplyDelete
  32. Coach outlet online Leading American designer and maker of luxury lifestyle handbags and accessories.Large market in Europe and Canada,UK,USA etc.Welcome to Order!2011 New Style arrive,Free Shipping!

    ReplyDelete
  33. “Luxury, fashion and art are both expressions of emotion and passion; they search the

    exceptional and give us an alternative view of the world. Art inspires fashion and luxury,

    as luxury and fashion inspires art, Coach Factory Outlet."

    ReplyDelete
  34. in the Coach Outlet role of impotent bystander,among the 17 countries that use the euro,matter what happens at the European summit meeting on.

    ReplyDelete

Hi, thanks for visiting. You can leave your comment here

 

Related Websites

Blogroll

Ipietoon-Cute Blog Design Blogging Since 2008