top of page
  • Writer's pictureBrent D. 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>

7 views

Commenti


bottom of page