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.
If you want to use for post titles:
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
- Goto Google Web Fonts and select a Font:
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
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
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.
Get Latest Updates
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