OneKitTools logoOneKitTools
Zurück zu Entwickler

Typografische Skala Generator

Generiere ein/eine typographic scale with ratios, preview fonts live, und Export CSS/Tailwind

Über Typografische Skala Generator

Generiere eine typografische Skala mit mathematischen Verhältnissen, Vorschau von Schriften live und Export von CSS, SCSS oder Tailwind-Config — alles in deinem Browser.

So verwenden Sie Typografische Skala Generator

  1. 1Set a base Schriftgröße (e.g., 16px) and wähle einen/eine scale ratio (Minor Third, Major Third, Perfect Fourth, Golden Ratio, etc.).
  2. 2Wähle den/die/das unit (px, rem, em) and toggle value rounding.
  3. 3Wähle einen/eine font family and weight to preview the scale.
  4. 4Überprüfe die visuelle Skala, die jeden Schritt mit seiner berechneten Größe zeigt.
  5. 5Exportiere als CSS Custom Properties, SCSS-Variablen oder Tailwind-Config.

Tipps

  • A Major Third (1.25) scale works well for most websites — it provides clear hierarchy ohne extreme size jumps.
  • Use rem units for accessible typography — they respect the user's browser Schriftgröße settings.
  • Der Goldene Schnitt (1,618) erzeugt dramatische Größenunterschiede — am besten für redaktionelle oder künstlerische Layouts.

Verwandte Tools

OneKitTools-TeamAktualisiert 2.21.4