JürgenB: Schriftgrößen

Beitrag lesen

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

0 55

Schriftgrößen

Gerhard
  • browser
  • css
  • media query
  1. 0
    Der Martin
    1. 0
      Gunnar Bittersmann
      • browser
      • typografie
      • ux
      1. 0
        Der Martin
        1. 0
          Gunnar Bittersmann
          1. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
            2. 1
              Gunnar Bittersmann
              • design
              • typografie
              • ux
  2. 0
    JürgenB
    1. 0
      Gunnar Bittersmann
      1. 0
        Gerhard
        1. 0
          Gerhard
          1. 0
            Gunnar Bittersmann
            • css
            • typografie
            1. 0
              Gunnar Bittersmann
              • menschelei
            2. 0
              Gunnar Bittersmann
              1. 0
                Gerhard
        2. 0
          Gunnar Bittersmann
          • css
          • typografie
          1. 0
            Gerhard
            1. 0
              JürgenB
        3. 0

          vmin statt vw?

          j.j.
      2. 0
        Gunnar Bittersmann
        1. 0
          Rolf B
          1. 0
            Gunnar Bittersmann
            • css
        2. 0
          JürgenB
          1. 0
            Der Martin
            1. 0
              Tabellenkalk
            2. 0
              Auge
              1. 0
                Gunnar Bittersmann
                • star trek
                1. 0
                  Auge
                  • meinung
                  • star trek
                  1. 0
                    JürgenB
                    • meinung
                    • physik
                    • star trek
                    1. 0
                      Auge
                      1. 1
                        JürgenB
                        1. 0
                          Auge
                    2. 0
                      Der Martin
                      1. 0
                        JürgenB
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      Auge
                    2. 0

                      favorite vs. best

                      Gunnar Bittersmann
                2. 0
                  Rolf B
    2. 0
      Gunnar Bittersmann
      • css
      1. 0
        JürgenB
        1. 0
          Gunnar Bittersmann
          1. 0
            Gunnar Bittersmann
            • css
            • menschelei
  3. 0
    Gunnar Bittersmann
    • css
    • media query
    • typografie
  4. 0
    Gerhard
    1. -1
      Jonathan Harker
      1. 0
        Gunnar Bittersmann
        • css
        • zu diesem forum
        1. 0
          Gunnar Bittersmann
          • css
          • typografie
        2. 0
          Der Martin
    2. 0
      Gunnar Bittersmann
      1. 0
        Gerhard
        1. 0
          Auge
  5. 0
    Auge
    1. 0
      Gunnar Bittersmann
  6. 0
    Matinee