Text
Laufender Text: was Menschen lesen. In Feitios Serif-Schriftart, mit Zeilen, die nie unangenehm lang werden.
Auf dieser Seite
Playground
Die Sicherung läuft jeden Sonntag um 3 Uhr. Wenn etwas fehlschlägt, kommt der Hinweis mit Grund und nächstem Schritt.
<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
Der Satz, der sagt, wofür die Seite dient.
Lauftext in Serif-Schriftart, mit Zeilen von maximal 70 Zeichen, damit es nicht ermüdet.
Kapitel, Feldhinweis, Fußzeile.
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
<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. |