Best Website Font Size

Contents

Does font size impact SEO?

Yes, it does impact your SEO. In fact, a simple tweak to your theme’s settings page or your stylesheet has the potential to improve your website SEO, RPM, and user experience in a way you didn’t imagine. Not only that but also changing the font size is easy and fast. If conversant with word processors or print world, you will have no challenge tweaking font size. 

Font size on the internet

The internet is a different world from print and word processors world in many different ways, and fonts are no different. For that reason, it is vital to define the font size in web-specific terms. 

Unit of measurement

Font size on the internet and anywhere else are measured differently. Often, a font is measured in pt (points) and px (pixels). Font sizes can also be measured in the following ways:

  • rem
  • em
  • percentages

Though pixels and points are the common units of measurement, they are not equal to each other and conversion is necessary when switching from either. Basically, 12 pt is equal to 16 px on most devices.

Percentages, em, and rem are relative font sizes (relative to the base font: 12 pt or 16 px) and are the preferred method in responsive web development, so there is a possibility your theme or design uses them. In theory, if set 100%, 1rem, or 1em, that is the same as selecting 12 pt or 16 px for most devices.

With these three font sizes, it is easier to defines lists, headers, and other elements relative to the body of your text. For instant, you can set your header to 1.5em or 150%, making them 50% bigger.

If you want to increase the size of your entire site, you can do that by adjusting the font size on the root or body, and everything else will be adjusted. 

What font sizes are best for boosting RPM and SEO?

fonts

Increasing font size for SEO and your readers

Font size is not only good for SEO but also for your readers too, and taking one out of the equation is not recommend. So, keep that in mind when choosing the right font sizes for your site. And considering now Google uses a mobile-first index to index web content today; there is a need to make sure your text can be read comfortably on mobile devices.

If too small, your readers will be forced to pinch and zoom to read. If too large, they will be forced to scroll a lot to complete reading. For that reason, it is good to stick to the right font sizes for the best user experience across all devices. 

Google’s Lighthouse tool helps you measure your website fonts to determine mobile-friendliness, which is something good when calculating your SEO score. Currently, this tool recommends 16 px as a base font of a site. This means the primary text of your font should be set to 16px or 12 pt minimum.

In fact, that is where Google’s Material Design style guide sets the base font size in its typography as well. So, for SEO, you require a minimum of a 16px or 12 pt font for your site to considered mobile-friendly, which is crucial in the mobile-first index.

Can you go even bigger than that?

Yes, you can. We have seen websites using large fonts performing extremely very well. The best thing with larger fonts is looking good and providing better user experience. 

Bonus! All themes and fonts will look different at different sizes.

If not sure what font size works best for you, feel free to experiment but remember that Google is happy with a 16px. 

Where do you make these changes?

There are several ways to go about this:

  • If your theme has customization options, leverage them to adjust your font sizes.
  • If it doesn’t, email the theme creator and you will be advised on how to adjust your font size.
  • Adjust the font sizes yourself by editing your CSS file. See the example below: 
  • body {
    font-size : 18px;
    }
    h1 {
    font-size : 24px;
    }

    Since a lot is going into the theme besides the font size, such as character kerning, line heights, and fonts, we recommend you consult an expert if you find yourself in a dilemma.