Typografische Skala

Typografische Skala verwenden

Typografische Skala. Basisgröße, Verhältnis und Stufen für CSS-Schriftgrößen festlegen.

1. Farben, Text oder Zahlen oben ändern.
2. Vorschau beim Ändern der Einstellungen vergleichen.
3. Ergebnis kopieren oder auf das Gerät herunterladen.

Typografische Skala · Beispiel

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

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

Hinweise zur Verwendung

Dateien und Eingaben werden in diesem Browser verarbeitet. Keine Uploads oder Konten.

Vorschautext ist auf 72 px begrenzt. Der Export behält berechnete Größen.