Tipografía

Texto normal

Un tamaño de letra base y una escala de tamaños alrededor de él (de extra pequeño a extra grande), fluida entre tu pantalla más pequeña y la más grande —sin puntos de ruptura que fijar a mano. El texto normal también tiene su propio interlineado y peso, y un color de texto.

Cómo se calcula la escala

Los tamaños de texto crecen hacia fuera desde M, el paso base, por la proporción que elijas («Major third», «Perfect fifth»…) —un paso hacia arriba multiplica por ella, un paso hacia abajo divide por ella. Los pasos más pequeños (S, XS) usan su propia proporción, más suave, para no encogerse nunca tan bruscamente como la escala los dejaría de otra forma.

Cada paso muestra dos números: su tamaño en tu pantalla más pequeña, y luego en la más grande —el mismo rango fluido que todo lo demás en el framework (ver More settings → Site). Haz clic en un paso para abrirlo; escribir un valor en cualquiera de los dos campos fija ese paso a mano, independiente de la proporción, sin tocar el resto de la escala.

Cada encabezado, por separado

H1 a H6 reciben cada uno su propio tamaño (parte de la misma escala fluida que el texto normal, con su propia proporción), su propio interlineado, y su propio peso —fijado por nivel, no calculado, porque muchas fuentes solo traen un par de pesos reales y el navegador inventaría una negrita falsa. Los encabezados también comparten un único color de encabezado.

La escala de encabezados funciona igual que la de tamaños de texto, pero crece hacia fuera desde H6 en vez de desde M —haz clic en cualquier nivel para fijar su tamaño a mano de la misma forma.

Botones

El texto de un botón sigue su propio peso, independiente del texto normal y de los encabezados —500 por defecto, el tipo de peso intermedio que se lee bien en un botón relleno sin parecer tan pesado como un encabezado. Su pantalla completa, con el relleno y el radio, está en More settings → Buttons.