Mobile Typography: If They Can't Read It Without Zooming, You Lost

Who calls a plumber? Usually, it's a homeowner. And statistically, homeowners skew older.

If your website uses 12px or 14px font, you are effectively hanging a "Keep Out" sign for anyone over 45. They will not pinch-to-zoom. They will hit the "Back" button.

Readability isn't just about aesthetics; it's about accessibility and profit.

This text is 12px. It is very hard to read on a phone.

12px (Fail)

This text is 14px. It is okay for captions, but not body text.

14px (Risk)

This is 16px. It is clear, readable, and standard.

16px (Pass)

Figure 1: The Squint Test. Don't make your customers work to read your offer.

Line Height: Let It Breathe

Size is only half the battle. If your lines are packed too tightly together (Line Height), the text becomes a wall of gray bricks.

The Golden Ratio: Set your `line-height` to **1.5 or 1.6**. This whitespace allows the eye to track from the end of one line to the start of the next without getting lost.

Crowded (1.1)

Ideally, you want your customers to read every word of your sales pitch. But when lines are this close together, the eye gets tired. It feels claustrophobic and cheap.

Breathable (1.6)

Ideally, you want your customers to read every word of your sales pitch. By adding space, the text feels lighter, more professional, and easier to scan.

Figure 2: Whitespace is luxury. Cramped text looks desperate.

Font Choice: San-Serif vs. Serif

On high-resolution mobile screens, simple fonts win.

Sans-Serif (Best): Fonts like Arial, Roboto, Inter, or Open Sans. They have clean lines and render perfectly on small screens.
Serif (Avoid for Body): Fonts like Times New Roman have tiny "feet" (serifs) that can look muddy or cluttered on lower-quality screens. Use them only for large headlines, if at all.

Conclusion

Your copywriter spent hours crafting the perfect pitch. Don't ruin it with bad design.

Go to your site on your phone right now. Hold it at arm's length. Can you read it comfortably? If not, bump it up to 16px (or even 18px). Your conversion rate will thank you.

Mobile Typography: If They Can't Read It
Without Zooming, You Lost

Line Height: Let It Breathe

Font Choice: San-Serif vs. Serif

Conclusion

Recommended Next Steps

📈 See Live Results

🛡️ Get Free Audit

Stop Wasting 30%-45% of Your Google Ads Budget