Recently we were showing how to Change Themes in WordPress and this time we want to continue our WordPress tutorials and show you How to Change the Font Size in WordPress for all articles at once.

We also show you how to change the font size for each article separately, talk about the importance of font size and what mistakes people are making when choosing the font size. We will show you easy, step by step instructions so everyone could follow them without any difficulties.

Why it is important to change the font size in WordPress?

Font size affects conversions. Although there’s no ideal font for boosting conversion rates, you should test some font variants. Numara Software changed the font size from Arial 10pt to Arial 13 pt, which resulted in a 133% increase in conversion rate.

Too small font size is hard to read and if your reader will find your font size too small they won’t read your article. You have to find that sweet spot for ideal font size. You don’t want your font to be too small or too large. According to studies, medium fonts are most readable.

Mistakes people making when choosing a font size

Most common mistakes people are making when choosing font size are:

Too small or too large font size – using too large or too small font sizes is a common mistake people are making. Ask yourself a question. Would you read an article if font size would be so small, that it would start hurting your eyes after a few minutes of reading it? Probably no and that is the answer to what your readers will do.

If the font size is hard to read, wherever is too small or too large, people won’t read it and would not recommend your website to their friends. After changing the font size the best way to test your article readability is to try to read it yourself or ask your friends for an opinion.

Too many font sizes in one article – some people are using too many font sizes in one article and that isn’t a good choice. Studies show that two different font sizes in your article is most likely to get the best response. You should use one font size for your paragraphs and another for your headings. Third font size could be used for subheadings if necessary.

Too large or too small Headlines compared to paragraph font size – sometimes people are choosing very large or very small headlines. Very large headlines can make a contrast between your font sizes too big. However, too small headlines might not stand out enough.

How to Change the Font size in WordPress dashboard?

It is very easy to change the Font size in your WordPress dashboard, all you have to do is log in into your dashboard and open the post you want to edit.

Then highlight the text you want to change font size and press on paragraph pop up menu to choose your desired font size.

How to Change the Font size in WordPress dashboard

That’s it, it is very easy and straight forward, however in your dashboard you can select just a few given font sizes. And you must change the font size for every post separately.

How to Change the Font size in WordPress for All Articles using CSS?

This is a more advanced way of changing font size, but the advantages of using these methods are great. First of all, you can change the text size for all your articles at once. And second that you can choose any desired font size. Let’s have a look at our step by step instructions on how to change the font size in WordPress using CSS coding.

First of all, go to your website and open one of your articles using Google Chrome (it might work on another browser, but I found Google Chrome best for me). Then press the right mouse button on any word in one of your paragraphs and press inspect (do not do press it on headings and subheadings, because you will change the font size of your subheading then).

How to Change the Font size using CSS

The extra window will open on the right-hand side and you have to find body section and font size.

How to Change the Font size using CSS

Then in that section, where is your font size press on style.css.

How to Change the Font Size in WordPress

An extra window will open again showing you in which line the code with your font size is in your WordPress website code. You have to remember which line it is.

How to Change the Font size using CSS

Once you have done that go to your WordPress dashboard again. Press on Appearance and Theme Editor.

Theme editor

Window with your websites code will open. Find the line you had to remember with your font size settings. In my case, it was a line 23. In the font size section change your font size number to a higher. We found that font size 13 and 15 works best depending on your theme and font style.

CSS editor

Save the changes and that’s done. Your font size changed for all articles. If you can’t see changes when you go on your website open history window by pressing CTRL + H. Press on clear browsing data.

Clear browsing data

Press Advanced and tick the box next to Cached images and files and press clear data.

Clear data

All done. Refresh your browser and now you are able to see font size changes on your website.

Key Facts

  • Font size affects conversions.
  • You have to find that sweet spot for ideal font size. You don’t want your font to be too small or too large. According to studies, medium fonts are most readable.
  • Most common mistakes choosing font size are: font size is too small or too large, too many font sizes in on article, too small or too large headlines compared paragraph font size.
  • There are two main ways on how to change your font size: one way is using your WordPress dashboard article edit tool and another is editing your CSS code.

Conclusion

That was our step by step instructions on How to Change the Font Size in WordPress. Once you know what you are doing and how and what font size to choose it can increase your conversion rates. Remember that if you are changing your font size using CSS and change the code in the wrong place, potentially you can break your website or you can make changes you didn’t want to change.

We recommend you to back up your WordPress website before doing any CSS changes, especially if you not familiar with CSS.

We hope this article gave you the information you needed and ideas on how to change the font size in WordPress. If you ever need a hand or have any questions or concerns don’t hesitate and feel free to leave them below and we will be more than happy to help you out and answer your questions as soon as possible.

All the best,

Marius & Ndidi

Founders of howtoquit9to5job.com

 

Please follow and like us:
Follow by Email
Facebook
Facebook

6 Comments

  1. Reply

    Great post and super handy information!

    As someone who has a fear of altering my CSS, your instructions are awesome and easy to follow. Thank you for the helpful images as well. I am bookmarking your page so I can return to it at will.

    Thanks a bunch!

    • Marius

      Reply

      You are welcome Irma, I have experienced the same fears before and it took me a while to learn how to change font sizes, that’s why I decided to create easy step by step instructions on How to change the font size on WordPress even if people don’t know how to write or use CSS. I’m very happy that you found my article helpful and easy to understand.

  2. Lynda Mohr

    Reply

    Thanks so much, Marius for the wonderful information. I have been so scared to even touch anything in the inspect view that I just left it alone and didn’t change anything unless it was already coded in for me. now I can change the font and not be so afraid.

    I am bookmarking so as I do this I can refer to your instruction. I was wondering do you do about the same thing to change the color of say a sidebar widget and is it the same to change the font in the widget?
    Blessings,
    Lynda

    • Marius

      Reply

      I’m very happy that you found my post helpful Lynda. The inspect view is not as hard as it might look if you know what you are doing, but you have to be careful as well because if you do something wrong you can wreck your site. So if you are not sure what you are doing is best to create site back up.
      Yes, Lynda using CSS and inspect view you can change colour and actually anything on your site. I will post an article on how to change the colour of your font in the future!

  3. Reply

    Man, this is a great article. Thank you! I’m learning more and more each day how I can enhance my site. Please keep sharing any more new tips that you have.

    Cheers!

    • Marius

      Reply

      I’m happy that you found my post helpful Bryan. CSS is not as hard as it might look like 😉 I will definitely post more tip with WordPress in future. In my next post, I’m planning to share how to change the font colour on WordPress, so don’t miss it out 😉

Leave a comment

Your email address will not be published. Required fields are marked *