top of page
  • Writer's pictureBrent Payne

Font size is too small for mobile devices

Loud Interactive has noticed that the URL being reviewed contains text that's too minuscule to be easily readable on mobile devices— impacting user experience.


Why is this important?

When the font size is undersized, mobile readers may have to pinch and scroll excessively, which can lead to a negative browsing experience. A minimum of 12 CSS pixels is recommended for base font size on the <body> or <html> element to maintain legibility.


What does the Optimization check?

The Optimization is activated for any page with a viewport defined if it employs font sizes less than 12 CSS pixels.


How do you resolve this issue?

Increase font sizes in your CSS so that they surpass the minimum threshold of 12 CSS pixels. Often, fonts need to be larger than this baseline for better readability, especially on smaller screens. Utilize tools such as Chrome DevTools to test and confirm the legibility of your text.


<html><body>...</body></html>

0 views0 comments

Recent Posts

See All

CSS file size too large discovered in SEO audit

In our SEO audits at Loud Interactive, we often come across a common yet significant issue that can heavily impact your website's loading speed and overall performance: CSS file size too large. Let's

CSS file size too large discovered in SEO audit

When conducting an SEO audit on your site, one issue that might come up is that your CSS file size is too large. But why does this matter, and what can you do about it? Let's dive in. What's the Issue

H1 tag missing or empty" Discovered in an SEO Audit

At Loud Interactive, we've encountered a common issue during our SEO audits that can significantly impact a website's performance on search engines: the "H1 tag missing or empty" warning. This problem

bottom of page