# Text

Laufender Text: was Menschen lesen. In Feitios Serif-Schriftart, mit Zeilen, die nie unangenehm lang werden.

## Playground

```html
<p class="feitio-text">Die Sicherung läuft jeden Sonntag um 3 Uhr. Wenn etwas fehlschlägt, kommt der Hinweis mit Grund und nächstem Schritt.</p>
```

## Wann verwenden

-   Um zu erklären, zu erzählen, zu leiten: jeder Absatz.
-   In drei Größen: Lead, Default und Small.

## Wann nicht verwenden

-   **Für Feldbeschriftungen, Buttons und Tabellen:** diese verwenden die Sans-Serif, und jede Komponente kümmert sich darum.
-   **Wichtige Benachrichtigungen:** verwenden Sie Notice. Kleiner Text kann keine Benachrichtigung tragen.

## Beispiele

### Die drei Größen

Lead für den ersten Absatz einer Seite, Default für den Rest, Small für Kapitel und Hinweise.

Code anzeigen

```html
<p class="feitio-text" data-size="lead">A frase que diz para que serve a página.</p>
<p class="feitio-text">O texto corrido…</p>
<p class="feitio-text" data-size="small">Legenda, dica de campo, rodapé.</p>
```

## Do and don't

Do

Der Backup läuft jeden Abend um 3 Uhr. Wenn er fehlschlägt, erhalten Sie eine Benachrichtigung.

Zwei kurze Sätze: was passiert und was zu tun ist.

Don’t

Warnung: wenn der Backup drei Mal hintereinander fehlschlägt, wird das Daten des Tages nicht geschützt.

Eine ernste Warnung in kleiner Schrift bleibt unbeachtet. Das ist eine Notice.

## Schreiben

-   Kürze Sätze, aktive Stimme, das Subjekt ist die Person, wenn möglich.
-   Eine Idee pro Absatz.

## Barrierefreiheit

-   Der Standard- und weiche Textkontrast erfüllt WCAG AA in beiden Modi; Feitios Test stellt sicher.
-   Zeilen von bis zu 70 Zeichen und 1,6 Zeilenhöhe für Menschen, die mit dem Lesen kämpfen.

## Attribute

Attribut

Werte

Zum Zweck

`class="feitio-text"`

erforderlich

Lauftext in der Serifenschrift, bis zu 70 Zeichen pro Zeile.

`data-size`

keine, `"lead"`, `"small"`

Vordefiniert (ohne das Attribut): lead oder small.