DIY Custom Fonts For Blogger

Hey all – It’s me…Emily…here with my very first tutorial for Designer Blogs. First off, I just have to say how excited, nay, ecstatic I am to be here! What a fun group of gals I get to work with.

Today we are going to talk about customizing your title fonts in Blogger if you don’t yet have a custom blog designed by us. It’s nice to be able to change even the smallest of things on your blog to more closely match your personal style, but changing things up on your blog by yourself can be intimidating at best. When I first started my blog I was terrified to change anything in fear that my computer might self-destruct – or worse – actually start pointing and laughing at me.

But the good news is, Blogger has made some changes recently that make this pretty easy. And just in case you didn’t know, they have actually added about a zillion new fonts to make your blog even more unique to your personal style.

*Note: if you have already a custom blog designed by Designer Blogs, your custom fonts may override this process. (But in this case, you probably already have exactly what you want and don’t need to mess with anything).

Ok – here we go:

Here is your basic blog post as it appears in Blogger if you haven’t changed anything on your blog.

To make your changes, you will login to Blogger and click on your Theme tab in your dashboard. Then click on Customize to be taken to your theme designer.

This is what your Theme Designer looks like. As you can see, there are quite a few buttons to click on to customize your blog. Go ahead and play around with these a bit without being scared because nothing here gets saved unless you actually save your changes.

For today’s tutorial, you will click on the Advanced tab (Note: if you are using a design from DB you will click on Adjust Widths instead) and then find Post Title. Click on Post Title and it will bring up a dialogue section where you will see several different fonts, as well as the options to make them BOLD, italicized and then to be able to change the font size and text color.

I scrolled down and picked the Lobster font and then changed my font size to a 22px font size.

As you are making changes in this area, you will see a preview of how the changes look on your blog so you can get things set how you like them before they are actually saved to your live blog. Don’t be afraid to click on the different options and make changes. Again, nothing will be saved to your live blog until you hit Apply to Blog.

Once you have decided on a font and everything is looking the way you’d like in the preview box, go ahead and click Apply To Blog. Go ahead, don’t be scared.

Then click Back to Blogger to go back to your dashboard or click View Blog to see the changes you made.

Your new Title Font now appears on your front blog page. And then you smile because it’s so cute and for a second, all is right with the world.

Alright – now go and pretty up your blog!!

Comments

Carol says

February 28, 2011 at 10:08 am

Wow, I really like the font you picked. Thanks for the tutorial

Krystal {Blue Ribbon} says

February 28, 2011 at 12:11 pm

Thanks!! I'll use this!! I just wish that blogger gave us more than 4 options for font IN our blog post!! 🙁

Tia says

March 1, 2011 at 11:51 am

Question: when I tried this, it changes my title AND the body of the post. How does yours only chnage the title of the post?

Amy says

March 8, 2011 at 4:46 pm

Hi Tia! Depending on the template you are using the options for the fonts might be a little different, try seeing if there is a "Post title font" category and that should change just the post title. Let us know if that doesn't work…thanks!

Stephanie says

March 11, 2011 at 12:43 pm

Yay! Thank you!!

Sara says

November 9, 2015 at 6:49 pm

When I follow the steps, it doesn’t give me any more than 4 options for a post font. Why is that? In the tutorial there are all of the different choices…

Thanks

- Erin says
  
  December 16, 2015 at 11:17 am
  
  Hi Sara,
  
  It may be due to the theme/template you are using. Are you using one of our designs or another type of design? Please email us [email protected] with a link to your blog so we can take a look at what might be causing the issue. Hope this helps!

Comments

Leave a Reply Cancel reply