Grundlinienausrichtung verschiedener Schriftgrößen

[Gunnar Bittersmann]

@@Der Martin

aber bitte nicht, solange dein Alternativvorschlag auch nicht besser ist.

Ist er aber – auch abgesehen davon, dass line-height zur vertikalen Ausrichtung grundsätzlich falsch ist.

Mit meinem Ansatz über line-height erreiche ich, dass zumindest die Zeilenboxen der beiden Überschriften gleich hoch sind

Aber auch nicht mehr. Du hast keinerlei Kontrolle darüber, wie die Schrift in der Zeilenbox sitzt. Also keinerlei Kontrolle darüber, ob die Grundlinien wirklich übereinstimmen.

während du das durch berechnetes(!) padding zu erreichen versuchst, das auch noch mit Fingerspitzengefühl auf padding-top und padding-bottom verteilt werden muss. Damit die Grundlinie wirklich fluchtet, ist bei deiner Lösung auch Probieren angesagt - mit dem Risiko, dass es bei leicht abweichenden Umgebungsbedingungen nicht mehr sauber passt. Also auch nicht wirklich eine Lösung, nur ein etwas komplizierterer Lösungsansatz.

Dass es nur für betreffende Schrift auf betreffendem System passt, schrieb ich ja. Allerdings liegt die Vermutung nahe, dass es auch für andere Schriften/Systeme besser passt als den zusätzlichen Leerraum (wie auch immer) gleichermaßen oben und unten dazuzugeben.

Während man es „mit Fingerspitzengefühl“ hinbekommt, dass es für eine Schrift/ein System gut aussieht und für andere vermutlich fast gut, bekommt man es mit line-height für gar keine Schrift/kein System gut hin.

LLAP 🖖