A tipografia é o que mais aproxima uma página da aparência de livro impresso, e é também a parte mais barata de acertar: quase tudo aqui são campos de um formulário, sem imagem nem código.
Capitular
O widget Text Editor tem Drop Cap na aba Style. Ligado, ele transforma a primeira letra do primeiro parágrafo em capitular e abre os campos View, com contorno ou fundo, Space, Border Radius e a tipografia própria da letra.
O bloco de parágrafo do WordPress também tem capitular, e o tema instalado a habilita. Está no painel de ajustes do bloco, sob Tipografia.
Colunas de texto
Ainda no Text Editor, a aba Style traz Columns, com o número de colunas, e Columns Gap, com o espaço entre elas. O texto se distribui sozinho e reflui quando a tela muda de tamanho, sem exigir que se decida onde cortar.
Um texto disposto em duas colunas ocupa menos altura e produz linhas mais curtas. Linhas curtas são mais fáceis de acompanhar, porque o olho encontra o começo da linha seguinte sem procurar.
É o arranjo dos livros de regras e das enciclopédias, e serve bem a listas de itens, descrições de criaturas e tabelas de referência. Em telas estreitas o número de colunas cai para uma, sem que nada precise ser refeito.
O WordPress tem o bloco Colunas de texto com a mesma função, para quem estiver no editor de blocos.
Texto sobre curva
O widget Text Path escreve o texto ao longo de um traçado. Traz formas prontas — arco, círculo, linha, onda, espiral, oval — e aceita um arquivo próprio como caminho. Os campos controlam o ponto de início ao longo do traçado, a direção da escrita e a visibilidade do próprio traçado, que pode ficar invisível deixando só o texto curvo.
O traçado acima está visível de propósito. Serve para selos, brasões, cabeçalhos de capítulo e legendas de mapa.
Ajustes finos
Todo campo de tipografia do Elementor abre, além de família e tamanho, quatro controles que costumam passar despercebidos e resolvem a maior parte dos problemas de aparência de texto.
- Line Height — a distância entre as linhas. Textos longos ficam melhores entre 1,6 e 1,8; títulos, abaixo de 1,2.
- Letter Spacing — o espaço entre as letras. Um valor pequeno e positivo em maiúsculas melhora bastante a leitura delas.
- Word Spacing — o espaço entre as palavras.
- Transform — maiúsculas, minúsculas ou inicial maiúscula, aplicadas sem alterar o texto digitado.
capítulo primeiro
A linha acima foi digitada em minúsculas. O que a exibe em maiúsculas espaçadas é o campo Transform somado ao Letter Spacing. O texto continua em minúsculas para quem editar, e continua em minúsculas para a busca.
O widget Heading traz ainda Text Shadow, com deslocamento, desfoque e cor.
Fontes
O seletor de família lista as fontes do Google, agrupadas por sistema, e a escolha é aplicada sem nenhuma configuração adicional.
Fontes próprias entram em Aparência → Custom Fonts. Cada peso e cada variante é enviada separadamente, nos formatos que os navegadores aceitam, e a família passa a constar na mesma lista do seletor, junto das do Google. É o caminho para usar uma fonte comprada ou uma fonte que não esteja no catálogo do Google.
Uma escolha que atravessa o site
Definir a tipografia elemento por elemento funciona, mas obriga a repetir a escolha em cada página. O menu do Elementor traz Site Settings → Typography, onde se definem estilos globais para texto e para títulos. Um elemento que use o estilo global acompanha qualquer mudança feita ali, em todas as páginas de uma vez.
A mesma tela tem Global Colors, com a mesma lógica aplicada às cores.