Error de conexión. Inténtalo de nuevo.

Saltar al contenido
SEO Tools
Ayuda y documentación
UX / UI Impacto alto Fácil 15 a 30 minutos

Fuente demasiado pequeña

Texto del cuerpo de al menos 16 px, letra pequeña de al menos 12 px.

Qué es

El tamaño de fuente determina la legibilidad. El texto de menos de aproximadamente 12 píxeles es difícil de leer en dispositivos móviles y obliga al usuario a hacer zoom o entrecerrar los ojos.

Por qué importa

El texto difícil de leer aumenta la fatiga y la tasa de rebote y perjudica la accesibilidad. Google informa "texto demasiado pequeño" en la prueba de usabilidad móvil. La lectura cómoda es la base de una buena UX.

Cómo hacerlo

  1. 1Establezca el texto del cuerpo del sitio en 16 px (1rem) o más.
  2. 2Mantenga la letra pequeña (pies de foto, notas) a un mínimo de 12 píxeles.
  3. 3Ajuste los tamaños relativamente (rem) del tamaño base, no fijo en píxeles.
  4. 4Pruebe la legibilidad en un teléfono real, no solo en un monitor grande.

Tamaño de fuente base

Correcto
cuerpo { font-size: 16px; line-height: 1.6; }
.pequeño { font-size: 0.875rem; } /* 14px */

Conclusión

La legibilidad es fundamental: 16 píxeles para el cuerpo del texto es el estándar actual y no debes bajar de 12 píxeles. Trabaje en rem desde el tamaño base para que todo escale de manera consistente. Un cambio económico y con gran impacto en la comodidad de lectura.

Temas relacionados