fluid typography calculator

Fluid Typografierechner?

Anweisungen

So verwenden Sie diesen Taschenrechner

• Geben Sie Min- und Max -Schriftgrößen in px oder rem ein. Ihre Basisschrift bleibt immer innerhalb dieser Grenzen

• Geben Sie Ihre Min- und Max -Ansichtsfenster in px oder rem ein.

• Wenn das Ansichtsfenster geringer oder gleich der minimalen Breite ist und umgekehrt. Zwischen diesen Grenzen skaliert die Schriftgröße proportional zur Ansichtsfensterbreite des Kunden

• Das Ergebnisbereich zeigt die generierte Formel, die Sie in Ihr CSS kopieren können

Verwirrt über Flüssigkeitsypografie?

Lesen Sie meinen Beitrag "Fluid Typografie", in dem erklärt wird, wie dieser Taschenrechner im Detail funktioniert

Credits?

Dieser Taschenrechner ist von Christopher Kirk-Nielsens Post "Modern Fluid Typografie mit Clamp ()" inspiriert.

Für eine weitere Fallback -Strategie, die die Funktionalität von Clamp entspricht, siehe Daniel Yuschicks "Fluid Typografie mit CSS Clamp () meine neue Lieblingssache".