Vergleiche zu flüssiger (fluid) Typografie


Beispiele

Basis

font-size: 1rem

Fluid

font-size: 3vw

Fluid clamped

font-size: clamp(1rem, 3vw, 5rem)

Fluid but extremely clamped (pointless)

font-size: clamp(4rem, 3vw, 5rem)

Semi-fluid (vw heavy)

font-size: calc(4vw + 1rem)

Semi-fluid (vw heavy) clamped

font-size: clamp(2rem, 4vw + 1rem, 3rem)

Semi-fluid (rem heavy)

font-size: calc(2vw + 2rem)

Semi-fluid (rem heavy) clamped

font-size: clamp(2rem, 2vw + 2rem, 3rem)

Reverse semi-fluid

font-size: calc(-4vw + 6rem)

Reverse semi-fluid clamped

font-size: clamp(3rem, -4vw + 6rem, 4.5rem)


Informationen

Gestartet mit dem Browser und max. 1920×1080, Schriftgröße Standard 1rem = 16px. Maximaler möglicher Zoom ist 500%. Zu beantwortende Frage um das Bestehen/Nichtbestehen von 1.4.4 zu bestimmen: Kann der Benutzer den Text jemals auf das 2fache seiner ursprünglichen Größe vergrößern? Bitte beachten, dass das Bestehen/Nichtbestehen hier von der Ausgangsgröße des Viewports/Browsers beeinflusst werden kann (da dies die Größe des Textes bei 100% Zoom beeinflusst), was die Sache noch kompliziert macht (theoretisch sollte 1.4.4 bei allen möglichen Browser-/Viewport-Größen getestet werden, aber allein durch die Änderung dieser Größe kann sich die tatsächliche Basisgröße, gegen die getestet wird). Wenn in allen Media-Queries, die auch die Schriftgröße basierend auf bestimmten Viewport Größe Breakpoints ändern, wird man wahrscheinlich sich am Ende im Kreis drehen (sowohl in Bezug auf die Wahl einer anfänglichen Startgröße, um die 100%-Basislinie zu berücksichtigen, als auch in Bezug darauf, dass sich die Größen beim Zoomen drastisch ändern, während Zoomen, wie verschiedene Media Queries treten).