¿Qué es Probador de tamaño de fuente?

Escribe cualquier texto y míralo en todos los tamaños de 8px a 96px. Cambia entre px, rem y pt, y ajusta la altura de línea y el espaciado de letras para afinar tu tipografía.

Pega cualquier frase y la verás renderizada al mismo tiempo en 14 tamaños, desde un 8 px diminuto hasta un 96 px enorme. Cambia la unidad entre px, rem y pt, ajusta interlineado y espaciado de letras en directo. Útil cuando quieres saber exactamente a qué tamaño deja de ser cómoda la lectura, o cómo lucirá un botón a 14 px frente a 16 px antes de tocar el CSS.

Cómo usar

1. Paso 1 — Escribe o pega el texto que deseas probar.
2. Paso 2 — Ajusta el rango de tamaños y la unidad (px, rem o pt) para la previsualización.
3. Paso 3 — Compara todos los tamaños lado a lado para elegir la mejor opción para tu diseño.

Cuándo usar

• Elegir el tamaño de las etiquetas de navegación: legibles sin abarrotar la barra.
• Comparar cuerpo a 14 px y 16 px para zanjar un debate de equipo de diseño.
• Traducir un valor en px del diseñador a rem para respetar las preferencias del usuario.

Resultado

Probando una etiqueta de navegación: escribe "Panel de control" y compáralo a 12px, 14px y 16px para encontrar el tamaño más legible sin desperdiciar espacio.

Preguntas frecuentes

¿Conviene usar px, rem o pt para tipografías web?

Usa rem para texto y componentes: escala con el tamaño raíz del usuario, clave para accesibilidad. Reserva px para bordes o iconos muy pequeños que deben ser exactos. Pt es una unidad de imprenta; mejor evitarla en pantalla.

¿Qué tamaño de cuerpo es razonable?

16 px (1 rem) es la referencia de facto para párrafos en web. Baja a 14 px solo para texto secundario como pies o etiquetas. Los sitios que ponen el texto principal por debajo de 14 px suelen suspender auditorías de accesibilidad y frustran a quien lee en móvil.

¿Cuánto influye la altura de línea en la legibilidad?

Apunta a 1.4–1.6 para el cuerpo. Más apretado se siente agobiante, más suelto rompe el ritmo entre párrafos. Los títulos pueden ir más ceñidos (1.1 a 1.2) porque las líneas suelen ser cortas de por sí.

¿Cuándo se ajusta el espaciado de letras (tracking)?

Abre el tracking ligeramente (sobre 0.05 em) en etiquetas en mayúsculas, cuyo kerning por defecto queda apretado. Cierra un poco (–0.01 a –0.02 em) en titulares muy grandes. Para el cuerpo, déjalo como viene: el diseñador del tipo ya lo afinó.

¿WCAG exige realmente un mínimo de 16 px?

WCAG no marca un mínimo absoluto, pero exige que el texto se pueda ampliar al 200% sin romper el diseño. En la práctica, partir de 16 px y usar unidades relativas resuelve esto. Tamaños por defecto menores obligan al usuario a hacer zoom, y casi nadie lo hace.

Herramientas relacionadas