> ## 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.

# Personalize a tipografia e os estilos de texto

> Personalize a tipografia, como fonte, tamanho e espaçamento, para melhorar a legibilidade e criar landing pages com design consistente.

A seção Typography controla a aparência dos seus textos. Isso inclui fonte, tamanho, espaçamento, alinhamento e muito mais.

Use essas configurações para seguir o estilo da sua marca e melhorar a legibilidade.

***

## Onde encontrar

1. Selecione um elemento de texto (título, parágrafo, texto de botão etc.)
2. Vá até o **painel da direita**
3. Abra a seção **Typography**

***

## Configurações de tipografia

<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

* Escolha a família da fonte

### Weight

* Controla o peso (negrito) do texto
* As opções vão de leve a negrito

### Color

* Define a cor do texto
* Você pode usar o seletor de cores ou valores RGB

### Size

* Controla o tamanho do texto
* Normalmente em pixels (px)

### Align

* Alinhe o texto:
  * À esquerda
  * Ao centro
  * À direita

### Line Height

* Controla o espaço entre as linhas do texto
* Ajuda a melhorar a legibilidade

### Letter Spacing

* Controla o espaço entre as letras
* Útil para títulos ou textos estilizados

### Decoration

* Adicione estilos ao texto:
  * Sublinhado
  * Tachado
  * Nenhum

### Case

* Controla a formatação do texto:
  * Maiúsculas
  * Minúsculas
  * Iniciais maiúsculas

***

## Observação importante (herança)

As configurações de tipografia seguem uma **estrutura pai → filho**:

* Se você aplicar uma fonte a um **elemento pai (como uma seção ou contêiner)**
* Todos os elementos filhos dentro dele vão **herdar essa fonte automaticamente**

👉 Isso só vale se os elementos filhos **não tiverem uma fonte própria definida**

### Exemplo

* Defina a fonte de uma seção → *Inter*
* Todo o texto dentro dela usa *Inter*

Se você mudar a fonte de um bloco de texto →<br />👉 apenas esse bloco ficará diferente

***

## Boas práticas

* Defina as fontes nos contêineres pais para manter a consistência
* Sobrescreva apenas quando necessário
* Use tamanhos maiores para títulos
* Mantenha o texto do corpo fácil de ler
* Evite usar estilos de fonte demais