Tuesday, September 14, 2010

How to use custom font in Blogger Blog ?

You can customize your blog look by using different font.You can do it easily by using Google font directory .So first you have to choose the font from the Google font directory and click the link as shown in the picture below to get the code and now copy the code as indicated.
Get your font code
  1. To embed the custom fonts, go to Layout (Design) > Edit HTML .
  2. Find <head> tag and paste the Google font API code after it.
  3. Now lets we apply this code to all header <h1>.To do this just change your h1 style to 
    h1 { font-family: 'Cardo', arial, serif; }
    Here the Cardo font is quoted to work with font API . If you want to change the font of your post body then use this code
    .post-body{font-family: 'Cardo', arial, serif;}
  4. You can use as font as you like.Just copy your desire form code from Gooogle font directory.
  5. Save the template and see your work.
You can Subscribe via Email to get updated post
If you enjoyed this post, make sure you subscribe to rss feeds to receive new posts in a reader or via email.

No comments:

Post a Comment