Tamaño de un paso de escala tipográfica
Calculadora
Resultados
- Tamaño en ese paso (px)
- 31.25
- Un paso por encima (px)
- 20
- Un paso por debajo (px)
- 12.8
- Aumento por paso (%)
- 25
Resultados de diseño e impresión
| Tamaño en ese paso (px) | 31.25 |
| Un paso por encima (px) | 20 |
| Un paso por debajo (px) | 12.8 |
| Aumento por paso (%) | 25 |
Diagrama formula-map
- Tamaño en ese paso (px)
- 31.25
- Un paso por encima (px)
- 20
- Un paso por debajo (px)
- 12.8
- Aumento por paso (%)
- 25
Desglose de la fórmula
Fórmula
size = base × ratio^step= 31.25
Nota
Modelo simplificado: son relaciones estándar de preimpresión y tipografía calculadas sobre valores nominales. El volumen real, el calibre y la merma del papel, los límites de tinta de un perfil dado, las métricas tipográficas y las tolerancias de encuadernación varían según el proveedor y el trabajo; confírmelo con su imprenta y con una prueba antes de imprimir.
Más en Diseño e impresión
Ver todas →Preguntas frecuentes
¿Qué es una escala tipográfica, y qué significa un 'paso'?+
Una escala tipográfica es un conjunto de tamaños de fuente que crecen o se reducen según una razón constante, y un 'paso' es una posición en esa secuencia — el paso 0 suele ser tu tamaño base, el paso 1 es el siguiente tamaño hacia arriba, y los pasos negativos bajan (para pies de foto, notas al pie, etc.).
¿Cómo pasa la calculadora de un tamaño base al tamaño de un paso específico?+
Multiplica el tamaño de fuente base por la razón elegida elevada a la potencia del número de paso. Para una base de 16px y una razón de 1,25, el paso 2 es 16 x 1,25² = 25px.
¿Qué razón debería elegir para mi escala tipográfica?+
Razones más pequeñas (1,125-1,2) dan tamaños sutiles y muy próximos, adecuados para interfaces densas, mientras que razones más grandes (1,333-1,618) crean saltos más dramáticos, adecuados para titulares editoriales o de marketing. No hay una razón correcta única — es una decisión de diseño ligada a la densidad de tu contenido.
¿Por qué mis títulos parecen saltar demasiado en tamaño?+
Probablemente elegiste una razón grande (como 1,5 o más) a través de muchos pasos, lo que se acumula rápidamente ya que cada paso multiplica en lugar de sumar. Prueba con una razón más pequeña, o reduce el número de pasos entre tus niveles de encabezado.
¿Necesito redondear los tamaños en píxeles calculados?+
Sí, en la práctica — los valores calculados en bruto rara vez son números enteros, así que redondea al píxel más cercano (o a un valor que se divida limpiamente, como el número par más cercano) para un CSS más limpio y para evitar inconsistencias de renderizado subpíxel entre navegadores.