Your Website’s Text Is Too Small

thumb image

If your website was designed 3 years ago, there is a very high chance that that website’s text is too small.

To give you some back story, in the late 1990s to early 2000s, websites had body text size anywhere between 9 to 14px and the monitor screens back then were mostly 14-inch wide. With such a small screen size, any font size that is more than 16px is considered huge for body text.

But now with larger screens and better resolutions, website’s font sizes have to increase as well for better readability and legibility.

Why Do We Make The Text Smaller In The First Place?

1. Mobile First Approach

As more users prefer to browse the web on their mobile phones, websites need to be optimized for the smaller display. To do that, most web design companies focus on the mobile aspect first.

To adapt to this, web designers begun using smaller font sizes overall. This has led to the neglect of having different font sizes for different screen sizes.

2. The Way Frameworks Are Set Up

Most web developers use framework for faster and easier web development and one of the popular frameworks for creating responsive web design is Bootstrap. These frameworks have pre-determined the font sizes for the headings and body text in their CSS files. As such, most developers will just stick to the default font sizes.

Why Text Needs To Be Bigger Now

1. It Improves Readability

Most users will just scan through your website due to the limited time they have. They usually avoid intensive reading as it requires them to focus. By having bigger font size, it forces you to use lesser words to convey your message and thus, increase the chance of the users scanning through your body text.

It is also beneficial for older people who have problems reading small text.

2. It Improves User Experience

By having bigger text, designers will normally dedicate a bigger area for each section so that the text has sufficient room to breathe. As such, lesser content will be shown at any one time. This minimizes clutter on the web page and creates a better user experience for the users. This is also important for landing pages where users usually spend around 3 seconds to read the big headers to determine if they will want to spend the next few minutes reading the information.

Also, large text can elicit a strong emotional connection. Bigger text can give a sense of confidence and have more conviction.

What Font Sizes Are Good For Website?

The answer is “it depends”.

Every designer has a different set of rules and formula they use to determine the font styles for their headers and body text. But one general guide is that font sizes should scale proportionally to the screen size, including the line height as well.

If you are not sure if your website’s text is too small, feel free to contact us for a free site audit.

Leave a comment