Análise de 2.190 sites de design: a maioria usa uma única fonte em títulos e texto

A análise parte de um método concreto. Foram 2.190 sites exibidos em galerias como Awwwards, SiteInspire e Land-book em 2026, carregados em um Chrome sem janela que informa a fonte realmente desenhada em cada linha de texto. Isso evita o problema dos nomes inventados no CSS, como "brand-sans". Cada site recebeu dois papéis: fonte do título (o h1 ou o maior texto da página) e fonte do corpo (a família com mais caracteres entre 12 e 22 pixels). Se as duas coincidem, é família única.

O resultado: 60% usam uma só família. O contraste migrou da família para a escala. A mediana é de título com 64 px sobre corpo de 16 px, quatro vezes maior. Os títulos aparecem em peso 400 (42%) ou 500 (16%), com tracking apertado em 58% dos casos e entrelinha mediana de 1,0. O corpo fica em 16 px com entrelinha de 1,4. A Inter está em 13% dos sites e em 24% dos sites Framer, onde é o padrão. Entre os pagos, a PP Neue Montreal aparece em 3,9%. Dos 871 sites com duas famílias, 811 combinações são diferentes, e as clássicas listas de pairing, como Montserrat com Lora, aparecem zero vez. Em 23% dos sites há uma mono como terceira fonte, para labels, datas e navegação, com a Geist Mono na frente.

Em 8 de junho de 2026, o CEVIU noticiou "Seis erros clássicos na combinação de fontes, e como corrigi-los", que tratava de contraste, hierarquia e propósito ao combinar tipos. Os dados de agora dão um retrato do que designers fazem na prática: muitos resolvem hierarquia sem segunda fonte. Em 25 de agosto de 2026, o texto "A Arte e a Ciência da Tipografia em UI: Escolhendo a Fonte Certa Além do Inter" já discutia a escolha de fontes para interfaces. A nova análise mostra o tamanho da presença da Inter nas galerias. Em 3 de junho de 2026, o guia sobre variable fonts explicou os eixos de weight e optical size, que sustentam o contraste dentro de uma só família.

Para quem trabalha com design system, a leitura é que a decisão tipográfica pode sair da busca pelo par perfeito e ir para os tokens: escala, peso, tracking e entrelinha. Uma família bem configurada reduz arquivos e mantém a consistência visual. Vale lembrar que o dado vem de sites de galeria, não da web em geral, então serve como referência de tendência e não como regra de usabilidade. Para o usuário final, o corpo em 16 px com entrelinha de 1,4 a 1,5 segue um padrão confortável de leitura.