Tipografía en CSS

Familia, tamaño, peso y el espaciado que hace legible el texto.

:root {
  font-family: "Inter", system-ui, sans-serif;
}

code, pre {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.9375rem;
  font-variant-ligatures: none;
}

.stat {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

Cómo funciona

1. Una pila de fuentes termina en una familia genérica como último recurso.
2. line-height sin unidad escala con el tamaño de la fuente.
3. font-variant-numeric alinea los dígitos en una tabla.

Palabras clave y builtins usados aquí

• em
• rem

El intento, en números

Líneas

15

Caracteres a escribir

266

Tokens

51

Ritmo de tres estrellas

75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 41 segundos.

Escribe este fragmento

Paso 3 de 4 en Color y tipografía; paso 12 de 26 en Selectores y el modelo de caja.

← Anterior Siguiente →