Use Cool Custom Fonts For The Main Text And Headings In Your Blog Posts


Custom Fonts Blogger Blogspot Blogs

In the last post i showed you how to use custom fonts on custom blogger templates.In that post we added some cool fonts to the Blog Title, Post Titles and Sidebar Titles.In this post we will add fonts to the main text in your post and the titles you use within your posts.The main text is of course the actual content like what I'm writing here, The titles within your posts are titles you use between paragraphs as headings for the paragraph to follow.

As with the last post this is a video tutorial so you can see exactly how it's done.There is a summery of the steps along with the tags you will need to find below the video.

Change The Fonts Within Your Blogger Posts - Video Tutorial

Below Is A Just A Quick Summery Of The Steps With The Codes You Need To Find In Your Template.

Change Heading Font Within Posts

1. Go To Google Web Fonts and find a font for your headings.Click on the Use This Font Link to open two snippets of code.

2. Find <head> in your template and paste the first snippet of code below it, add the forward slash (/) to the end of the code.

3. Find ]]></b:skin> and place the second snippet of code above it, change h1 to h4.

3. In your posts add h4 tag to all titles.

Change Main Font In Your Blog Posts

1. Go To Google Web Fonts and find a font for your posts text.Click on the Use This Font Link to open two snippets of code.

2. Find the <head> tag in your template.

2. Paste the first snippet of code below it, add forward slash (/) to the end of the code.

3. Find the body { tag in your template

4. Replace the current font with the new font.

And that's it cool new fonts within your blog posts.Check out more of our great Blog Design Tutorials.

Drop Your Comments And Questions Below.

Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative

If You Enjoyed This Post Please Take 5 Seconds To Share It.


  1. I see in my blog trackers significant traffic coming from facebook. My blog is not connected with facebook, I don't have an account there, and I can't see, who posts the links...any ideas?

  2. @ Cane - It could simply be visitors sharing links from your blog or it could be via Facebook search.If you search Facebook as well as results from within the site they display results from the web at the bottom of the page.

  3. Dude, your comment section looks awesome! Can you share how you made it?

  4. @ Ayush - The comment section was created and added by a friend, it is awesome but not my code to share...Sorry..

  5. What do you want to use a different font in the body for just a word here or there? As in write a blog post with the font I set up through templates but emphasize and occasional word with a different fun font and then use another different font for a signature at the bottom of the page?

  6. @ Lola - It all comes down to taste and opinions i guess.I love fonts and would use a different one for every line of text only it would take a day to write a post !

  7. Oops! I left out the 'do'. I meant "what do you DO if..." I figured out how to use h4 header for a signature. If I wanted an occasional accent text, would I need to create and define an h5 in the template? How would I go about doing that? I wouldn't want a lot of crazy. I'm talking about something sort of like this but with slightly less font craze even.

  8. @ Lola - You could add a class, span or id for this.Drop me an Email via the contact form in the top menu and i will send you some code for it.

  9. @Paul- Thank you so much for your quick responses and help. I ended up creating a .jpg signature and added it to automatically appear on each post in my settings - so much easier! And I'm just going to use italics, bold face, underlines, and color to spruce up the body. This blogging stuff is a lot of work, and I don't want to make it any harder than it needs to be with lots of coding for an occasional word here and there. :) Thank you for your offer of help, though!

  10. How to use it only for body of Posts??


Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.

Hire Us