Skalierbare Schriftgrößen und Zeilenhöhe

  • Hallo an alle,

    ich habe ein CSS-Problem. Wir wissen ja alle, dass richtiger Text im Header besser ist als ein Bild. Also habe ich mir die Frage gestellt, ob es nicht eine Möglichkeit der dynamischen Schriftgröße gibt. Das Problem habe ich gelöst:

    Dann habe ich die Zeilenhöhe in der orangenen Schrift angepasst. In voller Breite sieht es sehr gut aus, aber wenn man den Browser zusammenschiebt, dann wird die Zeilenhöhe immer größer, bis es komplett doof aussieht.

    Kann mir jemand einen CSS-Schubs geben, damit auch in der schmalen Ansicht die Zeilenhöhe auf 0.8 bleibt?

    Danke im Voraus sagt

    Markus

  • Hallo bembelimen,

    Danke für Deine Antwort. Ich möchte aber nicht über Viewports gehen. Es soll komplett dynamisch sein. Mit der Text-Size klappt das sehr gut. Nur die Line-Height spielt nicht mit.

    Korrektur über das wann die Line-Height nicht mehr mit spielt: Es ist ab ca. Hälfte der Voll HD Breite.

    Ich habe die CSS ein wenig angepasst, damit es nicht mehr ganz so doof aussieht:

    Oder kann man die line-heigt nicht dynamisch anpassen?

    Gruß

    Markus

  • Eine Alternative zu responsiven Textgrössen zeigt Kevin Powell ind diesem Video - vielleicht hilft das weiter, bei ihm gibt es mit Line-heights keine Probleme.

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.