Antwort an „JürgenB“ verfassen

SELF-Forum

Schriftgrößen

JürgenB Homepage des Autors

Hallo Gerhard,

normalerweise ist es eine gute Idee, die Schriftgrößen auf ihren Defaultwerten zu lassen.

Wir haben aber vor einiger Zeit mal hier im Forum diskutiert, ob und wie man die Basisschriftgröße an die Viewportbreite anpasst. Ich habe darauf hin in mein CSS folgendes eingebaut:

body {
	font-size: max(1rem, min(0.7rem + 0.7vw, 1.2rem));
	--zeilenhoehe: 1.4;
	@media (width >= 40em) {
		--zeilenhoehe: 1.5;
	}
	line-height: var(--zeilenhoehe);
}

Der Media Query wird nur für die Zeilenhöhe benötigt. Die könnte man aber auch über eine Formel berechnen.

Gruß
Jürgen

freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen