Home
RSS
About
Postrank
Tags
Contact

8.28.2010

How To Customize Your blogger Title with Google Font API

Do you find my blog's title font is different from some Popular fonts like Arial, Verdana, etc? It looks awesome, because I'm using Google Font API. The font's name is Tangerine. Here I'am going to tell you how to customiz your blogger title with this api.
For example
Just Be Free Here!
What is Google Font API? 
Google font api works with Google font directory, your can browser the fonts in the directory and the Google font api helps you add web fonts to any web page.
How to use Google Font API?
  • Browser Google font directory and choose a web font that you like, here I choose Tangerine
  • The click "Preview this font" to customize your font in a font previewer
  • Copy the code below to <herd> by goning to blogger Design - Edit Html, don't forget the "/", Tangerine could be changed to other font's name.
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>
  • You could get the font's CSS code in the Font Previewer like this

  • Copy CSS code to Blogger Template Designer - Advanced - Add CSS, apply to review your blog, is the font changed?
Note: .h1 could be .header h1(my blogger template does like this), for make sure you can search h1 in Design - Edit Html to find out.


For more details, visit Getting Started