Website Font Size: Nobody Should Need Reading Glasses

I’ve watched a grown man hold his phone six inches from his face, squint, then give up and call a competitor. The website wasn’t broken. The text was just tiny. Like, terms-and-conditions-on-a-car-commercial tiny.

Small text is one of those problems nobody reports, because nobody emails you to say “I couldn’t read your site.” They just leave. Quietly. Forever.

The short version

• Body text on a small business website should be about 17px or bigger, and nothing a customer needs to read should drop below 15px.
• Google’s own Lighthouse audit flags a page when 40% or more of its text is under 12px, so tiny type isn’t just a style choice, it shows up in the report card.
• The fix is usually a few lines of CSS, not a redesign. Phone numbers, prices and buttons should be the biggest, easiest things on the screen.

What font size should a small business website use?

Use 17 to 18 pixels for regular paragraph text and keep every label, button and caption at 15px or more. That’s my floor on every site I build, and I don’t budge on it.

A lot of themes ship with 14px body text because it looks “clean” in the designer’s mockup. And it does look clean. On a 27 inch monitor. In a dark room. Viewed by the person who picked the font.

Your customers are reading on a phone, outside, with the brightness down to save battery, probably while a kid asks them something. Design for that person. They’re the one paying.

Does small text actually hurt SEO?

It can show up as a problem, yes. Google’s Lighthouse tool, the same engine behind PageSpeed Insights, has an audit called “Document doesn’t use legible font sizes,” and it fails a page when 40% or more of the text is smaller than 12px.

You can read the details straight from Google’s Lighthouse documentation. It sits in the SEO section of the report, which tells you how Google files this one: not as decoration, but as “can a human use this page.”

Will 13px footer text tank your rankings by itself? No. But it’s a signal of a site that wasn’t built with phones in mind, and that kind of site usually has five other problems hiding behind it.

Why is the phone number always the smallest thing on the page?

Because it got stuffed into the header bar or the footer as an afterthought, and that’s backwards. The phone number is the single most important piece of text on most local business sites, and it’s often set in gray 12px type next to a tiny icon.

I see this all the time: a gorgeous hero photo, a headline the size of a billboard, and then the actual way to give the business money is hiding in the footer like it owes somebody rent.

Make the number big. Make it tappable. Same goes for prices, hours and the address. If a customer needs it to buy from you, it doesn’t get the small print treatment.

What about light gray text on white?

Size and contrast are a package deal. A 17px font in pale gray on white is still a pain in the ass to read, especially in sunlight (and we live in Florida, the sun is not optional).

Dark text on a light background, or light text on a properly dark background. Not “light gray on slightly lighter gray because it felt elegant.” Elegant doesn’t matter if nobody can read the damn thing.

This also bleeds into accessibility. The web’s accessibility guidelines say text should be resizable up to 200% without breaking the page or losing content. You can read the W3C’s plain explanation of that resize text rule here. If your layout falls apart when someone zooms in, that’s not their problem. It’s yours. I go deeper on that side of things on my ADA compliance page, and why the little widget button isn’t a shortcut in this post on accessibility overlays.

How do I check my own site in two minutes?

Open your site on your phone, hand it to someone over 50, and don’t say anything. Watch their thumb and their eyebrows. That’s honestly the best usability test money can’t buy.

If you want something more official:

• Run your homepage through PageSpeed Insights and look for the legible font sizes audit under SEO.
• Pinch to zoom on your phone. If the page doesn’t let you, or the menu covers everything when you do, that’s a red flag.
• Tap into your contact form. If your iPhone suddenly zooms in on the field, the form text is set smaller than 16px, and Safari is politely telling you to knock it off.

None of this takes a developer. It takes five minutes and a willingness to be a little embarrassed.

Questions people ask

Is 16px font big enough for a website?

For body text, 16px is the minimum most browsers default to, so it’s fine but not generous. I go with 17 to 18px for paragraphs because it reads more comfortably on phones without making the page feel like a large print novel.

Will bigger text make my website look cheap?

No. Good spacing, a solid font and strong contrast make big text look confident. Plenty of the slickest brand sites out there use huge type on purpose. Cheap is a cramped page you need a magnifying glass for.

Can I just change the font size in my WordPress theme?

Usually, yes. Most themes have a typography setting, and a few lines of custom CSS handle the rest. Just check buttons, menus, forms and the footer afterward, because those often have their own separate sizes that ignore the main setting.

Make it easy on the eyes

Nobody ever left a website because the text was too easy to read. I’ve never once heard “ugh, I could see everything.” Bump the sizes, darken the gray, blow up the phone number, and you’ve fixed a problem your customers were never going to tell you about. If you’d rather I go through your site and do it right, the services I offer cover exactly this kind of cleanup, and you can start a project here whenever you’re ready.