Bismillah, Alhamdulillah

Skip to Content

Google Font API in blogger

May 20th, 2010

Google made announcement about Font API in Google you can read from here Google Font . How to use Google font api is very easy.

Feature of this font is :

  • Support Ie 6
  • Host by Google ( big bandwidth and Cache in your browser)
  • Using @font-face
  • Will have many type of font

How to use in blogger is very easy this is one example I put in blogger :


<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<style>
h1 { font-family: &#39;Lobster&#39;, arial, serif; }
h3 { font-family: &#39;Lobster&#39;, arial, serif; }
.post-body { font-family: &#39;Lobster&#39;, arial, serif; }
</style&gt

I use the Font for h1, h3 and post-body class
If you want to change type of the font you can select from here

Demo


Categories: Blogger Tricks

Tags: , ,

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or Comments RSS Feed

Donate towards my web hosting bill!

Trackback
Leave a response

242 Responses to “Google Font API in blogger”

  1. Ritalin caps says:

    cwximbcv.gbsibo, Priligy fda , RMbGJEj, Ultram, sWXWFLB, Buy Valium, KjlehGI, Xanax, sIsEsZV, , KRbBLwU, Buy Levitra, uJRyWsG.

  2. Priligy says:

    xytjzbcv.gbsibo, Buy Ambien, kPsODqA, Male Fertility, TUUXUYP, Phentermine, vkvmWIp, Buy Priligy, BWLYuKo, Carisoprodol, jjHXnuy, Priligy price, gQuaOvt.

  3. Meridia says:

    mlryzbcv.gbsibo, Buy Ambien, mPcafvE, Tramadol withdrawal, DZkNFxr, Carisoprodol tab 350mg, tEFbMJR, Buy Lorazepam, SzyZgMN, Buy Meridia, FfMswwY, Cialis, AOhjBSN.

  4. nikon s8100 says:

    You should take part in a contest for one of the best blogs on the web. I will recommend this site!

  5. nikon s8100 says:

    There are some interesting points in time in this article but I don’t know if I see all of them center to heart. There is some validity but I will take hold opinion until I look into it further. Good article , thanks and we want more! Added to FeedBurner as well

  6. Jessia Grabo says:

    I would like to convey my affection for your generosity supporting men and women that absolutely need help on this situation. Your special commitment to getting the solution around had become quite helpful and have surely helped professionals much like me to attain their objectives. The warm and friendly guideline entails so much a person like me and far more to my fellow workers. Warm regards; from all of us.

  7. Beloved administrative, many thanks for supplying this site submit. I came across this fantastic. Be mindful,

  8. moses says:

    sukses selalu Gan….

  9. amri says:

    link href=”http://fonts.googleapis.com/css?family=Dancing+Script:regular,bold&v1″ rel=”stylesheet” type=”text/css” >
    <style

  10. amri says:

    saya pakai yang ini

  11. amri says:

    koq saya ga bisa,
    notice nya seperti ini

    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar. Pesan error XML: The reference to entity “v1″ must end with the ‘;’ delimiter.
    Error 500

    mohon bantuannya

  12. Ana says:

    Many thanks for you post!
    I have picked up your code to show in my blog!

  13. rani says:

    lmu baru lagi nih ..
    terima kasih banyak Abu Farhan.
    keren ini menambah semangat ngeblog

  14. armando says:

    makasi saya mau numpang komen nya mas

  15. thank you Mas Abu, the Google API Fonts in blogger info is great for bloggers. In addition to optimizing the meta and layout, fonts important enough to add credibility to a blog. permit a copy of the script.

  16. service id says:

    thanks. i already follow your instruction and it’s great font

  17. genitro says:

    makasi mas dan ini saya bisa untuk lebih baek tentang optimasi

  18. ibnu basyam says:

    thanks for your post i like this

  19. I think this is very true. Thanks

  20. free7 says:

    Wow..I just know that, about google font API in blogger, many thanks for sharing

  21. wah…makasih banyak infonya…
    jadi makin keren blog dengan ada nya tulisan dari google..

  22. na_raka says:

    OHM saya minta saran dunk… blog saya berat banget… mungkin kalau dikasih itu bisa jadi ringan, tapi saya masih bingung pemasangannya… mohon pencerahan

  23. file cabinet says:

    Me & my fellow classmates use your blogs as our reference materials. We look out for more interesting posts from your end about the same topic . Even the future updates about this topic would be of great help.

  24. dian sahid says:

    izin sedot tips2nya akh.

  25. Hi there, I must mention it is a nice description.If you could add more passion would be brilliant. I’ll certainly be back on your site again in the near future. C U

  26. Is Old English Style available? Or it just made originally by Google itself?

  27. kibagus says:

    wah info yang menarik..
    cuma aku setengah mudeng – setengah nggak..!!

  28. ardianzzz says:

    sayangnya koleksi font pada Google Font API tidak begitu banyak dan tidak begitu bagus. Saya rasa menggunakan layanan gratisan dari typekit adalah alternativ yang cukup baik.

    • admin says:

      Karena ini masih baru mereka memang belum mempunyai banyak font, mereka akan terus mengembangkan lagi.
      Terpneting adalah ini hosted by Google

      TYPEKIT is not free
      very small for 25000 page view/month in free package.
      (the worse thing Typekit badge required)

      • ardianzzz says:

        memang bisa dikatakan tidak gratis. tetapi sudah cukup jika digunakan sekedar untuk blog personal. Selain typekit mungkin layanan lainnya adalah kernest dan layanan beta dari fonts.com.

      • N4(stun7) says:

        Saya sendiri ingin sekali mengunakan font hosted by Google ini tp sayang koleksi fontnya mash dikit untuk sementar sya masih mengunakn kernest dan typekit^^

  29. thanks atas infonya^^
    Keep Sharing and Keep Blogging kawan!

    sukses selalu dan salam blogger :)

  30. abu please you mail adress? i plead, you msn / mail or gtalk adress.

  31. Rock says:

    Wahhh… keren nich…
    Coba dulu ahhh…

  32. Thanks atas ilmunya, semoga artikel buat blogspot di perbanyak,,

  33. yeah,, ilmu baru lagi nih ..
    terima kasih banyak Abu Farhan.
    blog saya makin keren deh dengan mengganti font h1.

    apakah Google Font API ini akan menambahkan font baru lagi ?

Leave a Reply

Copyright 2009 - 2010  Choen