A fonte é a parte da marca que o cliente mais vê e menos percebe. Ele não vai comentar que a letra do site é bonita. Mas vai sentir quando ela cansa a leitura, quando parece amadora ou quando é a mesma do cartão de visita do concorrente.
Este guia é para escolher as fontes do site e da marca com critério, e não pelo nome mais bonito na lista.
Duas fontes bastam
Uma para os títulos, outra para os textos. Às vezes, uma só família, usada em pesos diferentes, resolve tudo. Três fontes ou mais deixam o site com cara de colagem. Se você se pegar querendo uma terceira, quase sempre o que falta é um peso diferente de uma das duas.
A fonte do texto precisa ser fácil de ler pequena
A fonte dos títulos pode ter personalidade. A do texto precisa sumir: letras abertas, espaçamento confortável, boa leitura em tela pequena. Teste no celular, com um parágrafo de verdade, e não só com o nome da empresa. Fonte decorativa, manuscrita ou muito fina, no corpo do texto, cansa em duas linhas.
O tamanho conta tanto quanto a escolha. No site, texto corrido abaixo de 16 pixels começa a pedir esforço.
Combine pelo contraste, não pela semelhança
Duas fontes muito parecidas dão a impressão de erro, como se alguém tivesse trocado a fonte sem querer. O par funciona quando há contraste claro: uma mais pesada e marcante nos títulos, outra mais neutra no texto. Uma regra simples para começar é um título com serifa e texto sem serifa, ou o contrário.
Combine com a personalidade da marca
Uma clínica pede letras calmas e legíveis. Uma marca jovem de roupas aguenta uma fonte de título mais ousada. Um escritório de advocacia pede sobriedade. Como contamos em o tom de voz da marca, a forma de falar e a forma de escrever precisam contar a mesma história.
Um par que dá certo para começar
Se você não sabe por onde começar, há pares clássicos no próprio Google Fonts que dificilmente dão errado: uma sem serifa neutra para tudo, como Inter ou DM Sans, usando o negrito nos títulos; ou uma serifada nos títulos, como Merriweather ou Lora, com uma sem serifa no texto. São escolhas seguras, e não ousadas. Para a maioria dos sites de empresa, segura é exatamente o que se quer no texto.
Confira a licença
Fonte também tem dono. As do Google Fonts são de uso livre, inclusive comercial, e funcionam bem em site. Fonte comprada para o logo pode ter licença só para impressão, e usá-la no site pede outra licença. Fonte “baixada de graça” de site desconhecido pode não ter licença nenhuma.
Altura das linhas e largura do texto
A fonte certa ainda cansa se o texto estiver apertado. Duas regras que fazem diferença: o espaço entre as linhas precisa ser generoso (algo como uma vez e meia o tamanho da letra) e a linha de texto não deve ser larga demais. Linha que atravessa a tela inteira do computador obriga o olho a voltar muito longe para achar o começo da próxima.
Por isso os bons sites de leitura limitam a largura do texto, mesmo em telas grandes. Uma coluna estreita, com a letra num tamanho confortável, é mais agradável que a página inteira preenchida.
Os títulos também precisam de cuidado
Título em caixa alta inteira, em fonte pesada, cansa e parece grito. Use com moderação, em textos curtos como rótulos. E dê aos títulos tamanhos bem diferentes do texto: se o título e o parágrafo têm quase o mesmo tamanho, o leitor não sabe por onde começar.
Deixe anotado
Quando escolher, registre num documento simples: o nome das fontes, os pesos usados, o tamanho do título e do texto. É esse registro que garante que o site, o cartão, o cardápio e o post da rede social falem a mesma língua, mesmo quando quem faz cada peça é uma pessoa diferente.
Pense no peso da página
Cada fonte, e cada peso dela, é um arquivo a mais para o celular baixar. Usar o regular, o negrito e o itálico de uma família já são três arquivos. Escolha só os pesos que o site usa de verdade.
Acentos e caracteres do português
Antes de se apaixonar por uma fonte, teste as letras que só o português usa: ç, ã, õ, é, ê. Algumas fontes, principalmente as decorativas e gratuitas, vêm sem esses caracteres, e o navegador preenche com outra fonte. O resultado é uma palavra com uma letra diferente no meio, que fica com cara de erro. Escreva “promoção de inverno” e “atenção” no teste.
Confira também os números, se o site mostra preços. Há fontes bonitas em texto e confusas em número, em que o 1 parece um l ou o 0 parece um O.
Teste antes de decidir
Monte uma página de teste com um título, um parágrafo, um botão e um preço, nas fontes candidatas. Veja no computador e no celular, de dia e à noite. A fonte certa é a que você esquece que está lendo.
Para ir além
- Como escolher as cores da marca: o par das fontes na identidade visual.
- Identidade visual é mais que um logo: onde as fontes entram no conjunto.
Tipografia que combina com a sua marca
Se o seu site usa três fontes diferentes, ou nenhuma delas é a da marca, a gente pode montar o par certo com você. Agende uma consultoria sem compromisso