Entwicklerwerkzeuge

CSS-clamp-Generator

Fließende CSS-Schriftgröße zwischen zwei Viewport-Breiten mit Vorschau erzeugen.

KOSTENLOS

Minimale Schrift (px)Maximale Schrift (px)Minimaler Viewport (px)Maximaler Viewport (px)Root-Schrift (px)Vorschau-Viewport (px)

font-size: clamp(1rem, 0.666667rem + 1.666667vw, 2rem);

Vorschautext

24 px

Lineare Interpolation; rem hängt von der eingegebenen Root-Größe ab. Zoom und Barrierefreiheit im eigenen Layout testen.

Hinweise und Grenzen

Eingaben und Ausgabe vor der Verwendung überprüfen. Die verfügbaren Formate und Rechenverfahren hängen vom gewählten Werkzeug ab.

Ausführliche Anleitung, Beispiel und technische Hinweise (Englisch)

Set minimum and maximum font sizes, viewport widths and root font size.

16–32 px over 320–1280 px at a 16 px root: clamp(1rem, 0.666667rem + 1.666667vw, 2rem).

Linear interpolation; rem values assume the entered root size. Test browser zoom and accessibility in your own layout.

Schriftgrößen, Viewport-Breiten und Root-Schriftgröße einstellen.

16–32 px bei 320–1280 px, Root 16 px: clamp(1rem, 0.666667rem + 1.666667vw, 2rem).

Lineare Interpolation; rem hängt von der eingegebenen Root-Größe ab. Zoom und Barrierefreiheit im eigenen Layout testen.

Wie funktioniert es?

Schriftgrößen, Viewport-Breiten und Root-Schriftgröße einstellen.

Was ist zu prüfen?

Lineare Interpolation; rem hängt von der eingegebenen Root-Größe ab. Zoom und Barrierefreiheit im eigenen Layout testen.