Typography

page.typography

Im Bereich Typographie werden die meisten Werte für Schriftgröße und Schriftschnitt für eine Webseite konfigurierbar. Im allgemeinen können immer Werte für Smartphones / Tablets (Bootstrap md) / Desktop (Bootstrap lg) eingegeben werden.

Schriftgröße, Zeilenabstand und Schnitt der Tags p, li, td, th

  • p - Schriftgröße für html-tags p und li (Vorgabe 1.05rem)
  • p.md - Schriftgröße für html-tags p und li - Tablets (Vorgabe 1.05rem)
  • p.lg -Schriftgröße für html-tags p und li - Desktop (Vorgabe 1.10rem)
  • boldweight - Schriftschnitt für html-tags bold und strong (Vorgabe 600)
  • lineheight - Zeilenhöhe für html-tags p und li - Tablets (Vorgabe 1.5rem)

Schriftgröße und -schnitte für den Footerbereich

Oberer Bereich des Footers
footer1.h3 - Schriftgröße der h3 Überschrift im Footer
footer1.fontsize - Schriftgröße im Footer(Vorgabe 1rem)
footer1.fontweight - Schriftschnitt der Links im Footer (Vorgabe 600)
footer1.lineheight - Zeilenhöhe im Footer(Vorgabe 1.35rem)

Unterer Bereich des Footers
footer3.fontsize - Schriftgröße in der Footer-Abschlußzeile (Vorgabe 1rem)
footer3.fontweight - Schriftschnitt in der Footer-Abschlußzeile (Vorgabe 600)

Schriftgröße, -schnitt, Abstand und Zeilenabstand der Überschriften H1 - H4

  • h1 - Schriftgröße der h1 Überschrift (Vorgabe: 1.75rem)
  • h1.md - Schriftgröße der h1 Überschrift, Tablets (Vorgabe: 2rem)
  • h1.lg - Schriftgröße der h1 Überschrift, Desktop (Vorgabe: 2.5rem)
  • h2 - Schriftgröße der h2 Überschrift (Vorgabe: 1.35rem)
  • h2.md - Schriftgröße der h2 Überschrift, Tablets (Vorgabe: 1.5rem)
  • h2.lg - Schriftgröße der h2 Überschrift, Desktop (Vorgabe: 1.75rem)
  • h3 - Schriftgröße der h3 Überschrift (Vorgabe: 1.1rem)
  • h3.md - Schriftgröße der h3 Überschrift, Tablets (Vorgabe: 1.25rem)
  • h3.lg - Schriftgröße der h3 Überschrift, Desktop (Vorgabe: 1.35rem)
  • h4 - Schriftgröße der h4 Überschrift (Vorgabe: 1rem)
  • h4.md - Schriftgröße der h4 Überschrift, Tablets (Vorgabe: 1.05rem)
  • h4.lg - Schriftgröße der h4 Überschrift, Desktop (Vorgabe: 1.1rem)
  • h1.fontweight - Schriftschnitt der h2 Überschrift (Vorgabe 600)
  • h2.fontweight - Schriftschnitt der h2 Überschrift (Vorgabe 600)
  • h3.fontweight - Schriftschnitt der h3 Überschrift (Vorgabe 600)
  • h4.fontweight - Schriftschnitt der h4 Überschrift (Vorgabe 600)
  • h1.lineheight - Zeilenhöhe der h1 Überschrift (Vorgabe 115%)
  • h2.lineheight - Zeilenhöhe der h2 Überschrift (Vorgabe 115%)
  • h3.lineheight - Zeilenhöhe der h3 Überschrift (Vorgabe 115%)
  • h4.lineheight - Zeilenhöhe der h4 Überschrift (Vorgabe 115%)
  • h1.margin - Abstände (Vorgabe 0 0 1rem)
  • h2.margin - Abstände (Vorgabe 0 0 1rem)
  • h3.margin - Abstände (Vorgabe 0 0 1rem)
  • h4.margin - Abstände (Vorgabe 0 0 0)
  • (siehe https://www.w3schools.com/css/css_margin.asp)

Zusätzliche Formate

navigationfontsize - Schriftgröße der Hauptnavigation (Vorgabe 16px)
symbolfontsize - Schriftgröße der Symbole (Vorgabe 15px)