Escala tipográfica

Escala tipográfica. Define tamaño base, proporción y pasos para generar tamaños CSS.

Funciones disponibles

Entrada: Opciones
Salida: CSS · Opciones

Cómo usar Escala tipográfica

Escala tipográfica. Define tamaño base, proporción y pasos para generar tamaños CSS.

Cambia los colores, texto o valores de arriba.
Compara la vista previa al ajustar los controles.
Copia el resultado o descárgalo en tu dispositivo.

Escala tipográfica · Ejemplo

Entrada

{
  "base": 16,
  "ratio": 1.25,
  "below": 2,
  "above": 5,
  "text": "LocalKit"
}

Salida

:root {
  --text-minus-2: 10.24px;
  --text-minus-1: 12.8px;
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.82813px;
}

Notas de uso

Los archivos y las entradas se procesan en este navegador. Sin subidas ni cuentas.

La vista limita el texto a 72 px. El archivo conserva los tamaños calculados.