Tipografia
O que você vai aprender
- Pra que serve este grupo
- Como ele se conecta com a "Predefinição" que aparece nos blocks de texto
- Por que H1 e H2 têm menos opções de fonte que os demais níveis
Pra que serve
Define as 4 fontes da loja (Corpo do texto, Subtítulo, Título, Destaque) e o estilo de cada nível de título (Título 1 a Título 6) e do Parágrafo: fonte, tamanho, altura da linha, espaçamento entre letras e caixa. É exatamente o que a Predefinição de tipografia (usada em quase todo block de texto, documentada em Estilo de texto) usa por trás dos panos.
Ou seja: mudar o tamanho do "Título 2" aqui muda todo block da loja configurado com a predefinição Título 2, sem precisar editar um por um.
Como configurar
Fontes
| Configuração | Pra que serve |
|---|---|
| Corpo do texto, Subtítulo, Título, Destaque | As 4 fontes disponíveis em toda a loja. Praticamente todo seletor de fonte no tema escolhe entre essas 4. |
Parágrafo
| Configuração | Pra que serve |
|---|---|
| Tamanho | Tamanho base do texto comum. |
| Altura da linha | Espaçamento vertical entre linhas. |
Título 1 a Título 6
Todos seguem o mesmo padrão de configuração:
| Configuração | Pra que serve |
|---|---|
| Fonte | Qual das 4 fontes usar nesse nível. Título 1 e Título 2 só permitem escolher entre Título ou Destaque; Título 3 a Título 6 permitem as 4. |
| Tamanho | Tamanho base do texto, com opções de 10px a 184px. O tema ajusta a escala automaticamente pra telas menores, o valor aqui é o tamanho de referência. |
| Altura da linha | Espaçamento vertical entre linhas. |
| Espaçamento entre letras | Aperta ou abre o espaço entre caracteres. |
| Caixa | Força maiúsculas ou mantém como digitado. |
Boas práticas
- Se um texto específico precisa fugir totalmente do padrão da loja, use a opção "Personalizado" dentro do próprio block em vez de mudar a predefinição aqui (que afeta todo mundo que usa aquele nível).
- Título 1 e Título 2 sendo restritos a Título/Destaque é proposital, pensado pra manter a hierarquia visual mais forte da página sempre com uma dessas duas fontes de maior impacto.