Você abriu o site no celular pra mostrar pra um amigo e precisou dar zoom pra ler o próprio texto que escreveu. Ele riu, disse "tá pequeno isso aí" e devolveu o celular. Se aconteceu com ele, acontece com todo visitante que chega pelo Google e desiste antes de entender o que você vende.
Legibilidade acima de tudo
Fontes muito decorativas ou finas demais dificultam a leitura, especialmente em telas pequenas. Para textos de corpo, priorize fontes limpas e testadas: sistemas como Inter, Roboto ou a família de fontes nativas do sistema operacional.
Tamanho mínimo de texto
Textos de corpo abaixo de 16px são difíceis de ler no celular e forçam o visitante a dar zoom — uma fricção que aumenta o abandono. Use no mínimo 16px para parágrafos.
Contraste entre texto e fundo
Texto cinza claro sobre fundo branco pode parecer elegante, mas prejudica a leitura, especialmente para usuários com baixa visão. A recomendação de acessibilidade (WCAG) é contraste mínimo de 4.5:1.
Não misture mais de duas ou três fontes
Excesso de fontes diferentes na mesma página cria poluição visual e passa uma sensação amadora. O ideal é uma fonte para títulos e outra para o corpo do texto, no máximo.
Espaçamento entre linhas (line-height)
Textos com linhas muito próximas cansam a leitura. Um espaçamento de 1.5 a 1.7 vezes o tamanho da fonte melhora significativamente a experiência de leitura em blocos de texto longos.
Hierarquia tipográfica clara
Diferenças evidentes de tamanho e peso entre títulos, subtítulos e corpo do texto ajudam o visitante a escanear a página rapidamente e encontrar a informação que procura sem precisar ler tudo.
O teste do "amigo no ônibus"
Mande seu site pra alguém agora e peça pra ler em pé, sem dar zoom. Se precisar aproximar o celular do rosto, seu tamanho de fonte já está custando clientes.
Tamanho de fonte certo não resolve sozinho — o espaço em branco ao redor do texto também precisa de atenção pra melhorar a leitura.