But sometimes only changing the template is not enough as your blog still has the old fonts. Changing the default fonts to custom fonts can definitely give your blog a new look. But many people don't know how to use custom fonts in blogs. So here I am giving a tutorial on how to insert custom fonts in your blogger blog. Follow the steps below:
Use Custom Fonts on Blogs Having Custom Blogger Templates
1. Go to Google Web Fonts. It's a directory of web fonts having hundreds of free, open-source fonts optimized for the web.
2. Select the font which you want to use and click Quick-use.
3. In the next window you will get two codes. Copy the first code and paste it just after the <head> in your template's HTML. Don't forget to backup your template.
Download full template before editing the template. Now paste the first code just below the <head> section of your template HTML. Please note that your code must be closed by a forward slash (/) . See below:
4. Now find ]]></b:skin>. Paste the second snippet of code just before/above it. Now define where you want to use the font, in heading1, heading2 or heading3. For example if you want to use the font on heading 2 then paste the second snippet of code before ]]></b:skin> as:
h2 {font-family: 'Berkshire Swash', cursive;}
If you want to use it on heading 3 then replace h2 with h3. Headings differ from templates to templates so you can check your h tags and use according to it.
If you want to use custom fonts in blogger post and not in headings and titles then just follow the below steps:
• Find .post { and before the ending of curly bracket "}" place the below code
font-family: 'YOURFONT', arial, serif;
For Example
font-family: 'FontinSansRegular', arial, serif; }
and save your template.