← Alle Text-Tools

CSS-Clamp-Generator

Fließende Schriftgrößen, die mit dem Bildschirm wachsen: die clamp()-Formel erhalten.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über CSS-Clamp-Generator

Fluide Typografie skaliert die Schriftgröße stufenlos zwischen einem Minimum und einem Maximum, während der Viewport wächst. Geben Sie zwei Größen und zwei Bildschirmbreiten ein und erhalten Sie die Formel clamp(min, bevorzugt, max), bei der der bevorzugte Wert rem- und vw-Einheiten mischt. Sie ersetzt viele Media Queries durch eine einzige Zeile.

So verwenden Sie CSS-Clamp-Generator

  1. Legen Sie oben die Optionen fest. Das Ergebnis wird live aktualisiert.
  2. Passen Sie alles an, bis es genau stimmt.
  3. Kopieren Sie das Ergebnis oder laden Sie es herunter.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Warum clamp statt Media Queries für die Schriftgröße verwenden?

Eine clamp-Zeile skaliert stufenlos zwischen den Grenzen, sodass die Textgröße an Breakpoints nie springt. Ein rem-Anteil sorgt zudem dafür, dass sie auf die Schrifteinstellungen der Nutzer reagiert.

Ist CSS-Clamp-Generator kostenlos?

Ja. CSS-Clamp-Generator auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Ähnliche Tools