Über den Fluid-Typografie-Generator
Wählen Sie eine minimale und maximale Schriftgröße sowie den dazwischen liegenden Darstellungsbereich. Der Generator berechnet den Ausdruck „clamp()“ und zeigt eine Live-Vorschau an.
Wie man es benutzt
- 1Legen Sie die Mindestgröße festVerwenden Sie die gewünschte Größe auf dem kleinsten Bildschirm.
- 2Legen Sie die maximale Größe festVerwenden Sie die Größe im breitesten Layout.
- 3Kopieren Sie die Regel „clamp()“.Wenden Sie es auf Überschriften oder Textkörper an.
Warum diesen fluid-typografie-generator verwenden?
- Nichts verlässt Ihr Gerät. Die Arbeit geschieht in Ihrem Browser-Tab. In dieser App gibt es keinen Upload-Endpunkt, sodass Ihre Dateien und Texte von uns nicht gespeichert, protokolliert oder eingesehen werden können.
- Keine Upload-Wartezeit. Sie überspringen den Hin- und Rückweg zu einem Server vollständig. Die Ergebnisse werden durch Ihre eigene CPU begrenzt, nicht durch die Netzwerkgeschwindigkeit oder die Warteschlangengröße.
- Kostenlos, kein Konto, keine Kontingente. Keine Anmeldewand, kein Wasserzeichen, kein Tageslimit. Optionale Konten existieren nur, um Favoriten und Voreinstellungen geräteübergreifend zu speichern.
Häufig gestellte Fragen
Ist die Verwendung meines CSS hier sicher?
Ja. Dieses Tool läuft vollständig in Ihrem Browser und verwendet JavaScript. Nichts, was Sie einfügen oder öffnen, wird an einen Server gesendet und die Seite behält keine Kopie, nachdem Sie sie geschlossen haben.
Muss ich ein Konto erstellen?
Nein. Jedes Tool ist ohne Anmeldung vollständig nutzbar. Ein Konto fügt nur gespeicherte Favoriten und wiederverwendbare Voreinstellungen hinzu.
Funktioniert es auf einem Telefon?
Ja. Die Benutzeroberfläche ist „Mobile First“ mit großen Touch-Zielen und einem gestapelten Layout, sodass sie sowohl auf Telefonen und Tablets als auch auf Desktops funktioniert.
Ist flüssige Typografie barrierefrei?
Dies kann der Fall sein, wenn die Mindestgröße lesbar ist und Sie den Browser-Zoom zulassen. Vermeiden Sie das Sperren von Schriftgrößen mit user-scalable=no.
Wie wird der Mittelwert berechnet?
Die Steigung beträgt (max − min) ÷ (maximales Ansichtsfenster − minimales Ansichtsfenster), ausgedrückt in vw, mit dem Achsenabschnitt in px.