← Home

~1 min · Stefan Huber · 25. September 2019

Fonts · Eigenschaften

Im Zusammenhang mit Schrift gibt es diverse Fachbegriffe, die eine präzise und einfache Kommunikation ermöglichen.

Vierliniensystem

Die lateinische Schrift basiert auf einem so genannten Vierliniensystem. Alle Schriftzeichen des Alphabet orientieren sich an der Schriftlinie und haben maximal zwei weitere Linien, an denen Sie sich orientieren.

Font anatomy

  1. Kegelunterkante · CSS: text-bottom
  2. p-Linie (Decenderline, beardline)
  3. Schriftlinie, Grundlinie (Baseline) · CSS: baseline
  4. x-Linie, Mittellinie (x-line)
  5. H-Linie, Versallinie (Cap line)
  6. k-Linie (Acenderline)
  7. Kegeloberkante · CSS: text-top
  1. x-Höhe, Mittellänge (x-Height)
  2. Unterlänge, Unterhöhe (Decender depth)
  3. Versalhöhe (Cap height)
  4. Oberlänge (Acender height)
  5. Überhang (Overshoot)
  6. Vertikaler Raumbedarf, Kegelgrösse, Schriftgrösse (Font Size, em)
  7. Fleisch (buffer space, shoulder)

Anatomie der Buchstaben

Font anatomy

  1. Anstrich
  2. geschlossener Punzen (closed counter)
  3. offener Punze (open counter)
  4. Ohr, Fähnchen (ear)
  5. Abstrich (terminal)
  6. Schulter (shoulder)

Font anatomy

  1. Stamm, Grundstrich (stem)
  2. Haarstrich (hairline)
  3. Serife (serif)
  4. Anstrich/Dachansatz (ascender)
  5. Halbserife
  6. Schleife (loop)
  7. Achslage (axis)

Spezielle Buchstabenformen

Font anatomy

  1. Einstöckiges a | Zweistöckiges a (two storey a)
  2. Zweistöckiges g | Dreistöckiges g
  3. Krückstock l (Erik Spiekermann) | normales l
  4. Amerikanische 1 | Europäische 1

CSS

Objekte in HTML können mittels CSS an der Schrift ausgerichtet werden.

vertical-align: baseline; vertical-align: text-top; vertical-align: text-bottom;

Weiterführende Informationen

Technik




Dokumentgeschichte

März 2018: Erstellung
Februar 2020: Überarbeitung