Prozentuale font-size-Angabe - Ausgangsgröße

[Rolf B]

Hallo Waldfee68,

Martin schrieb:

Vielleicht auch daran, dass du den Platz für Über- und Unterlängen nicht mitgezählt hast.

Die font-size bestimmt näherungsweise die Höhe der Buchstabenbox, aber der gewählte Font hat ebenfalls einen Einfluss. Selbst bei einer pixelgenauen Fontsize-Angabe ergeben sich bei unterschiedlichen font-family Angaben schon unterschiedliche Höhen (und je nach Glyph bleibt das Zeichen auch nicht in der inline-Box):

span {
  background-color: yellow;
  border: 1px solid red;
  font-size: 48px;
}
span:nth-of-type(1) { font-family: serif; }
span:nth-of-type(2) { font-family: sans-serif; }
span:nth-of-type(3) { font-family: monospace; }
span:nth-of-type(4) { font-family: fantasy; }
span:nth-of-type(5) { font-family: cursive; }

<p>
<span>Jubeljaaͫhr</span>
<span>Jubeljaaͫhr</span>
<span>Jubeljaaͫhr</span>
<span>Jubeljaaͫhr</span>
<span>Jubeljaaͫhr</span>
</p><p>
<span>arenaraum</span>
<span>arenaraum</span>
<span>arenaraum</span>
<span>arenaraum</span>
<span>arenaraum</span>
</p>

Das aͫ ist ein normales a mit dem kombinierenden Zeichen U+36B…

Rolf