Tipografia y Medidas

Esta página ofrece dos herramientas gratuitas para organizar la tipografía y las medidas de interfaz. Escala tipográfica crea una progresión de tamaños a partir de una proporción, y Píxeles y REM convierte píxeles y rem con una base elegida. Ayudan a diseñadores y desarrolladores a establecer una jerarquía de texto y traducir valores entre unidades. Ambas herramientas no necesitan registro y mantienen tu trabajo en el navegador.

Empieza con Escala tipográfica si necesitas una progresión de tamaños, por ejemplo para encabezados y párrafos. Usa Píxeles y REM cuando ya tengas valores para convertir o quieras comprobar una base. Las dos herramientas funcionan bien juntas: la escala establece los pasos y luego la conversión ayuda a expresarlos en rem. Son gratuitas y no requieren registro.

Cómo usar

Empieza con Escala tipográfica para establecer una progresión de tamaños y elegir una proporción que encaje con tu jerarquía de texto.
Anota los valores que obtengas, luego usa Píxeles y REM para traducirlos a rem con la base de tu proyecto.
Finalmente comprueba que los títulos, subtítulos y el cuerpo del texto sigan siendo legibles y coherentes en varios anchos de pantalla.
Comprueba las conversiones una última vez con Píxeles y REM en una pantalla pequeña y una grande, luego ajusta la base o los pasos si el texto se siente demasiado apretado.

Preguntas frecuentes

¿Por qué usar una escala tipográfica?

Escala tipográfica crea una progresión de tamaños a partir de una proporción. Ayuda a mantener una jerarquía coherente entre encabezados, subencabezados y texto del cuerpo. La herramienta es gratuita y no requiere registro.

¿Qué base debo elegir para Píxeles y REM?

Píxeles y REM convierte con una base elegida. La base es el tamaño de referencia que usas en tu proyecto. Comprueba ese valor inicial antes de convertir.

¿Las dos herramientas funcionan juntas?

Sí. Escala tipográfica define los pasos y luego Píxeles y REM pueden convertir los valores resultantes. Así se mantiene una progresión legible y unidades adecuadas. Ambas son gratuitas, no requieren registro y permanecen en tu navegador.

¿Cómo aplico una escala y luego convierto a rem?

Define primero los pasos con Escala tipográfica. Anota los tamaños que quieras, luego abre Píxeles y REM para convertir esos valores con la base elegida. Comprueba el resultado en tu hoja de estilos para mantener una jerarquía regular.

¿Qué debo comprobar antes de elegir una proporción en Escala tipográfica?

Mira la diferencia entre el texto más pequeño y el más grande previstos. Una proporción fuerte puede crear saltos difíciles de usar, mientras que una proporción débil hace que la jerarquía sea menos clara. Luego prueba los pasos con Píxeles y REM para expresarlos en tus unidades.