How To Change the Blogger Blog Post Font Size?

CoreNetworkZ Tech Solutions started in 2009 as a professional Blogger theme development company. We have released over a hundred custom themes for our clients so far.

This article addresses one of the many questions we frequently receive from our regular readers in the support section.

They were about increasing or decreasing the default font size of Blogger blog post content.

Have you ever felt that the font size of your Blogspot blog post does not look quite right?

Well, some of the readers of CoreNetworkZ Tech Solutions think so.

I cannot say they are wrong because most themes supported by Blogger come with a default font size.

Many users find the default font size of Blogger post content too small to read comfortably. Unfortunately, Blogger does not offer a straightforward method to adjust the font size of post content to their liking.

Purnima Vinod, a travel blogger, said, "Hello Alex, my Blogger theme has a tiny font size. I tried the medium size, but my readers tell me it is hard to read. The large option is ugly. What should I do?"

Kevin Durant, a financial analyst and writer, asked, "Hello Alex, I have a Blogspot blog. Can I use custom font size for my blog posts?"

I will answer Kevin and Purnima in this article.

This tutorial will guide you in changing the default font size of your Blogger post content. After reading it, you will learn how to increase or decrease the Blogger font size to suit your preferences.

We can adjust the default font size set in your Blogger theme by editing the HTML.

Praseetha Karnan, a regular reader of CoreNetworkZ Tech Solutions, asked how she could increase the font size of her Blogger post.

By modifying the font size defined in the theme HTML code, we can either increase or decrease the text size of our blog posts.

But let me give you some advice. Before making changes, check if the blog theme is responsive.

Blogger offers a variety of responsive templates for free. They use multiple media elements to keep the theme fit in every device.

Blogger official themes like Emporio, Soho, and Contempo include multiple @media elements that adjust styling based on screen size.

If you are uncomfortable diving into the technical details, follow the simple steps below.

1. Log in to your Blogger account and select the blog you want to customize.

2. Click on the Theme link from the menu on the left side.

3. 1. New theme

      Click the Drop Down link

      

   2. For Old Themes

      Click the vertical ellipsis (the three vertical dots) in the upper-right corner of the Theme panel.

      

4. Select Edit HTML from the dropdown menu.

   

   Once inside the HTML editor, press Ctrl + F (or Cmd + F on Mac) to open the search bar. Use it to search for the following CSS code snippet:

   body.item-view .Blog .post-body{
   font-size:$(body.text.font.size * 14 / 20)
   }

   You can change the font size by editing this line.

5. Let me explain with an example. Here, I have changed the 14 with 10.

   

   I have reduced the font size from 14 to 10 for testing. The screenshot provided below shows the result.

6. I checked the page https://www.corenetworkz.com/2019/12/set-canonical-post-url-on-blogspot-blogs.html on http://mattkersley.com/responsive/ to view in different device sizes.

   

   Except for the 1024 screen width, the font size changed to 10 pixels.

7. Now, I will come to the next stage. Here, I will teach you how to change the text font size in mobile view.

   Anagha Subramanya, a Computer Science & Engineering student, asked, "How do I change the text size of my Blogspot blog post on mobile phones?"

   If you want to set the different font sizes for various device sizes, you can change the default pixel sizes at each @media screen tag.

   Look at the screenshot below for more details.

   

   You must change the font size in every @media screen tag.

Now, I suggest you check your blog post on desktop, laptop, tab, and mobile phone.

Ajay Thakur asked in the comment section about my preferred font size.

If someone asks me about the best font size for his Blogspot blog, I will say it depends on the theme.

However, using a small font size deters many from reading your content. So, I strongly advise a bigger font size.

The default font size in the Blogger blog is 14 pixels. But, I prefer a font size equal to or above 17 px.