Schrifteinstellungen

Schrifteinstellungen
Schriftfamilie
Schriftgröße
Zeilenhöhe
Zeichenabstand

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Schriftfamilie

Schriftfamilie
Standard
Systemschrift
StärkeAlle verfügbar
100200300400500600700800900
Schrift bearbeiten

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Aenderungsvorschau

Vorschau Schriftfamilie

Kernpunkt:
Definiert den Schrifttyp für den Knopf-Text.

Auswirkung:
Schriftwahl beeinflusst Markenwirkung, Vertrauen und Lesbarkeit.

Praxis-Tipp:
Starten Sie mit derselben Schriftfamilie wie im restlichen Thema.

Einstellungen

  • Font-Liste (Standard / System / Thema Fonts)
  • Stärke (100-900)
  • Schrift bearbeiten

Hover-Werte für Schriftfamilie und Gewicht sind separat möglich. Große Gewichtswechsel auf Hover können Layout-Shift erzeugen.

Schriftgröße

Schriftgröße
Responsive EinstellungenOFFON
Standard
Benutzerdefiniert
Schriftgröße bearbeiten

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Aenderungsvorschau

Vorschau Schriftgroesse

Kernpunkt:
Steuert die Lesbarkeit direkt.

Auswirkung:
Zu kleine Schrift auf Mobile senkt Verständlichkeit und Klickrate.

Praxis-Tipp:
Mobile meist 1 Stufe größer oder Zeilenzahl reduzieren.

Einstellungen

  • Voreinstellung (Standard / Thema / Benutzerdefiniert)
  • Benutzerdefinierte Größe
  • Einheit (px / em / rem / vw)
  • Responsiv
  • Schriftgröße bearbeiten

rem ist robust für Thema-weit konsistente Skalierung. vw ist flexibel, braucht aber Min/Max-Kontrolle.

Zeilenhöhe

Zeilenhöhe
Voreinstellung
Standard
Benutzerdefinierte Zeilenhöhe
1.2

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Aenderungsvorschau

Vorschau Zeilenabstand

Kernpunkt:
Regelt Zeilenabstand bei mehrzeiligem Text.

Auswirkung:
Zu eng = schwer lesbar, zu weit = unruhiger Lesefluss.

Praxis-Tipp:
Als Basis 1.2 bis 1.6 verwenden.

Einstellungen

  • Voreinstellung (z. B. Tight / Normal / Loose)
  • Benutzerdefinierte Zeilenhöhe
  • Einheit (unitless / px / em / rem / %)
  • Responsiv

Unitless-Werte (z. B. 1.5) sind für Responsive-Layouts meist stabiler.

Zeichenabstand

Zeichenabstand
Voreinstellung
Normal
Benutzerdefinierter Wert
0.05
Einheit
em

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Aenderungsvorschau

Vorschau Zeichenabstand (0.05em)

Kernpunkt:
Feinjustiert Zeichenabstand und visuelle Dichte.

Auswirkung:
Kleine Werte ändern den Eindruck deutlich, zu starke Werte verschlechtern Lesbarkeit.

Praxis-Tipp:
In kleinen Schritten anpassen (z. B. 0 bis 0.5px).

Einstellungen

  • Voreinstellung (Tight / Normal / Wide)
  • Benutzerdefinierter Wert
  • Einheit (px / em / rem / %)
  • Responsiv

Negative Werte sind möglich, sollten aber nur vorsichtig genutzt werden.