Échelle typographique

Échelle typographique. Définissez taille de base, rapport et niveaux pour générer les tailles CSS.

Fonctions disponibles

Entrée: Options
Sortie: CSS · Options

Utiliser Échelle typographique

Échelle typographique. Définissez taille de base, rapport et niveaux pour générer les tailles CSS.

Modifiez les couleurs, le texte ou les valeurs ci-dessus.
Comparez l’aperçu en ajustant les réglages.
Copiez le résultat ou téléchargez-le sur votre appareil.

Échelle typographique · Exemple

Entrée

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

Sortie

: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;
}

Notes d’utilisation

Vos fichiers et saisies sont traités dans ce navigateur. Aucun envoi ni compte.

L’aperçu limite le texte à 72 px. L’export garde les tailles calculées.