Fragen zu font-size

[Julian]

Hallo,
neulich habe ich im Forum (oder woanders?) folgenden Vorschlag gelesen.

h1 {
  font-size: clamp(2rem, 5vw, 4rem);
}

und gerade jetzt:

h1 {
  font-size: 5vw; /* Schriftgröße passt sich der Breite des Fensters an */
}

Was ist sinnvoller?

[Gunnar Bittersmann]

@@Julian

h1 {
  font-size: clamp(2rem, 5vw, 4rem);
}

und gerade jetzt:

h1 {
  font-size: 5vw; /* Schriftgröße passt sich der Breite des Fensters an */
}

Was ist sinnvoller?

Das Erste – mit clamp().

Es ist auch nicht schwer, sinnvoller als das Zweite zu sein, da dessen Sinnhaftigkeit nahe 0 ist: Man hat keine Möglichkeit, mit [⌘][+] / [⌘][−] die Schriftgröße zu ändern. (Und das liegt nicht an der fehlenden [⌘]-Taste; auf solchen Systemen nimmt man halt das Äquivalent.)

Die Schriftgröße darf einen bestimmten festen(!) Wert nicht unterschreiten. Auch die Beschränkung nach oben bietet sich an.

Meist wird man die Schriftgröße auch nicht proportional zur Viewportgröße wachsen lassen wollen, sondern langsamer: sowas wie clamp(2rem, 1rem + 3vw, 4rem).

🖖 Live long and prosper