> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Typografie und Textstile anpassen

> Passen Sie Typografie-Einstellungen wie Schriftart, Größe und Abstände an, um die Lesbarkeit zu verbessern und einheitliche Landingpage-Designs zu gestalten.

Der Bereich Typography steuert das Erscheinungsbild Ihres Textes – darunter Schriftart, Größe, Abstände, Ausrichtung und mehr.

Mit diesen Einstellungen passen Sie den Text an Ihren Markenstil an und verbessern die Lesbarkeit.

***

## Wo Sie es finden

1. Wählen Sie ein Textelement aus (Überschrift, Absatz, Schaltflächentext usw.)
2. Wechseln Sie zum **rechten Panel**
3. Öffnen Sie den Bereich **Typography**

***

## Typografie-Einstellungen

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Cnvtc1TpBSCIUd3d/images/image-14.png?fit=max&auto=format&n=Cnvtc1TpBSCIUd3d&q=85&s=50f5b50269a6751f8d50fb820d9ae6df" alt="Image" width="282" height="472" data-path="images/image-14.png" />
</Frame>

### Font

* Wählen Sie die Schriftfamilie

### Weight

* Steuert die Stärke des Textes
* Die Optionen reichen von leicht bis fett

### Color

* Legt die Textfarbe fest
* Sie können den Farbwähler oder RGB-Werte nutzen

### Size

* Steuert die Textgröße
* Üblicherweise in Pixeln (px)

### Align

* Text ausrichten:
  * Links
  * Zentriert
  * Rechts

### Line Height

* Steuert den Abstand zwischen den Textzeilen
* Verbessert die Lesbarkeit

### Letter Spacing

* Steuert den Abstand zwischen den Buchstaben
* Nützlich für Überschriften oder gestalterische Texte

### Decoration

* Textstile hinzufügen:
  * Unterstrichen
  * Durchgestrichen
  * Keine

### Case

* Steuert die Schreibweise:
  * GROSSBUCHSTABEN
  * kleinbuchstaben
  * Erster Buchstabe groß

***

## Wichtiger Hinweis (Vererbung)

Typografie-Einstellungen folgen einer **Eltern-Kind-Struktur**:

* Wenn Sie eine Schrift auf ein **übergeordnetes Element (etwa eine Section oder einen Container)** anwenden
* übernehmen alle darin enthaltenen untergeordneten Elemente **diese Schrift automatisch**

👉 Das gilt nur, solange die untergeordneten Elemente **keine eigene Schrift gesetzt haben**

### Beispiel

* Schrift auf einer Section festlegen → *Inter*
* Der gesamte Text darin verwendet *Inter*

Wenn Sie einen Textblock auf eine andere Schrift umstellen →<br />👉 weicht nur dieser Block ab

***

## Bewährte Vorgehensweisen

* Legen Sie Schriften auf übergeordneten Containern fest, um Einheitlichkeit zu erreichen
* Überschreiben Sie sie nur, wenn es nötig ist
* Nutzen Sie größere Schriftgrade für Überschriften
* Halten Sie Fließtext gut lesbar
* Vermeiden Sie zu viele Schriftstile