# Text

O texto corrido: o que a pessoa lê. Na serifa do Feitio, com linhas que não passam do confortável.

## Playground

```html
<p class="feitio-text">O backup roda todo domingo às 3h. Se algo falhar, o aviso chega com o motivo e o que fazer.</p>
```

## Quando usar

-   Para explicar, contar, orientar: qualquer parágrafo.
-   Em três tamanhos: abertura, comum e miúdo.

## Quando não usar

-   **Para rótulos de campos, botões e tabelas:** esses usam a sans, e cada componente cuida dela.
-   **Para avisos importantes:** use Notice. Texto miúdo não segura um aviso.

## Exemplos

### Os três tamanhos

Abertura para o primeiro parágrafo de uma página, comum para o resto, miúdo para legenda e ajuda.

Mostrar código

```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>
```

## Bons e maus padrões

Faça assim

O backup roda toda madrugada às 3h. Se falhar, você recebe um aviso.

Duas frases curtas: o que acontece e o que fazer.

Não faça

Atenção: se o backup falhar três vezes seguidas, os dados de hoje não estarão protegidos.

Um aviso sério em letra miúda passa despercebido. Isso é um Notice.

## Como escrever

-   Frases curtas, voz ativa, a pessoa como sujeito quando der.
-   Uma ideia por parágrafo.

## Acessibilidade

-   O contraste do texto comum e do suave passa o WCAG AA nos dois modos; o teste do Feitio garante.
-   Linhas de até 70 caracteres e entrelinha de 1,6, para quem tem dificuldade de leitura.

## Atributos

Atributo

Valores

Para quê

`class="feitio-text"`

obrigatório

Texto corrido na serifa, até 70 caracteres por linha.

`data-size`

nenhum, `"lead"`, `"small"`

Comum (sem o atributo), abertura ou miúdo.