Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

Jan 24, 2013

How to Use Google Web Fonts in Blogger Blog

on 1/24/2013 in
SOCIALIZE IT →

Add Google Webfonts in Blogger
If you are looking towards your blog beauty by adding some special fonts, then Google Web Fonts may be your first choice. Google has launched a free open source Program carrying about 617 font families. You can use them in your blog in simple steps.

How to use Google Web Fonts in Blogger

Follow the step by step guide to add google web fonts in your website/blog:

Step 1: Select the Font of your choice

Add Google Webfonts in Blogger

Step 2: Get Font Code for your Blog

  • See below the font you have selected "Quick Use" button and Click
  • Scroll Page down, You will find now two codes for your blog
  • First Code is your font CSS style and Second your font family
Add Google Webfonts in Blogger

Step 3: Adding codes to your Blog

  • Goto blogger Dashboard > Template > Edit HTML
  • Now, Add the code 1 below  <head> tag (Don't forgot to add "/" as directed above)
  • Now , Add code 2 where you want to use Font
For Example:
If you want to use for post titles:
.post-title {font-family: 'YOUR FONT NAME'; }
or
.post h3 a {font-family: 'YOUR FONT NAME'; }
If you want to use for post body:
.post-body {font-family: 'YOUR FONT NAME'; }
If you want to use anywhere else:
  • Find ]]></b:skin> and add code below
.h6 {font-family: 'YOUR FONT NAME'; } 
  • Now use HTML code below for applying style to your text:
<h6> Your Text </h6>
Replace YOUR FONT NAME with your font family.

If you find any problem, contact me.


My Profile PhotoAuthor:

Zaka Ur Rahman

For Further Reading,

Tutorials

0 comments:

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually us according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden.

Regards:
Zaka Ur Rahman

 

About eHowBlogger

eHowBlogger is a free Blogger Web Development Resource Website founded in 2013 by Zaka Ur Rahman. The basic purpose is to share high quality tips and tutorials relating to web development, SEO and make money online.High Quality Blogger Templates project is coming soon for providing free professional blogger templates.
Template Developed By:iTechRelease