Gunnar Bittersmann: Wert der Basis-Schriftgröße

Beitrag lesen

@@Gunther:

nuqneH

Glyphen verschiedener Schriftarten gleicher Nominalgröße können unterschiedlich groß sein (x-Höhe). Für ein ähnliches Erscheinungsbild muss man die Zeilenhöhe der Schriftart anpassen.

Ja, und wie?

Nach Augenmaß.

Ich sehe, wir nähern uns an ...! ;-)

Eine An*gleich*ung ist aber nicht möglich, da man nie weiß, welche Schriftart beim Nutzer verwendet wird. Auch kann das Verhältnis x-Höhe zu Schriftgröße für dieselbe Schrift auf verschiedenen Systemen unterschiedlich sein.

Wobei ich dann wiederum nicht unbedingt sehe, was dagegen sprechen sollte, sich unter diesen Umständen nicht an die Vorgabe der WCAG (>= 1.5) zu halten.

Denn lieber eine größere Zeilenhöhe, als eine zu geringe.

Durchaus möglich, dass die Kurve für Lesbarkeit in Abhängigkeit vom Zeilenabstand vom Optimum zu höheren Abständen flacher abfällt als zu geringeren.

Abhängigkeit von Satzbreite als progressive enhancement.

... und das dann aktuell per JS (da mit CSS nicht möglich!).

Mit "nicht möglich" meine ich, dass calc() für line-height aktuell nur von Chrome unterstützt wird,

Mit „progressive enhancement“ meine ich, dass nur in Browsern, die das mit CSS hinbekommen, enhancet wird. Gegenwärtig dann halt nur Chrome.

Dafür ein JavaScript zu schreiben, ist wohl eher graceful degradation.

Und bis man das fertig hat, ist vielleicht schon der nächste Firefox draußen, der das auch mit calc() kann.

und dass man dafür die Breite des Elements kennen muss,

Dass man die i.d.R. kennt, erwähnte ich schon.

auf die man auch per calc() nicht zugreifen kann, da sich ja bspw. Prozentwerte auf die Schriftgröße, und nicht auf die Dimensionen des Elements beziehen …

Deshalb ja vw, nicht %.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
0 84

[SASS] mixin @media rule Verknüpfung der Expressions?

Gunther
  • css
  1. 1
    Gunnar Bittersmann
    1. 0
      Gunther
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunther
          1. 0

            Korrektur: Geht doch ohne 'unquote()'

            Gunther
          2. 0
            Gunnar Bittersmann
            1. 0
              Gunther
              1. 1
                Gunnar Bittersmann
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunnar Bittersmann
                    2. 0
                      Gunther
                  2. 0
                    molily
                    1. 0
                      Gunnar Bittersmann
                    2. 0
                      Gunther
                      1. 0
                        molily
                        1. 0
                          Gunther
                          1. 0
                            molily
                            1. 0
                              Gunther
                              1. 0
                                molily
                                1. 0
                                  Gunther
                            2. 0

                              Mobile First

                              molily
                              • design/layout
            2. 0
              Gunnar Bittersmann
            3. 0
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
              2. 0
                molily
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                  3. 0

                    gelesene Postings hervorheben

                    Gunnar Bittersmann
                    • zu diesem forum
                    1. 0
                      Gunther
                2. 0

                  "Lücke" in stacked MQs detektieren

                  Gunther
                  • javascript
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunther
                  2. 0
                    molily
            4. 0

              Wert der Basis-Schriftgröße

              Gunther
              1. 0
                Gunnar Bittersmann
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunther
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Gunther
                          1. 0
                            Gunther
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Gunther
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    Gunther
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Gunther
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Gunther
                                            1. 0
                                              Gunnar Bittersmann
                                              1. 0
                                                Gunnar Bittersmann
                                                1. 0
                                                  Gunther
                          2. 0
                            Gunnar Bittersmann
                            1. 0
                              Gunther
                              1. 0
                                Gunnar Bittersmann
                        2. 0
                          Gunnar Bittersmann
                        3. 0
                          Gunnar Bittersmann
                          1. 0
                            Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
          1. 0
            Gunther
            1. 0
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunther
        3. 0
          molily
          1. 0
            Gunther
            1. 0
              molily
              1. 0
                Gunther
            2. 1
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunther
                  2. 0
                    molily
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Gunther
      2. 0
        molily
        1. 0
          Gunther
          1. 0
            molily
    2. 0
      Gunnar Bittersmann
      1. 0
        Gunther