Combinações de fontes em sites reais

Estas combinações de fontes aparecem juntas com mais frequência nos sites analisados pelo What the Font. Cada combinação é baseada em dados de uso reais - não apenas em teoria de design.

Combinações de fontes mais comuns

#1Usadas juntas em 191 sites
#5Usadas juntas em 94 sites
#7Usadas juntas em 76 sites
#8Usadas juntas em 74 sites
#9Usadas juntas em 71 sites
#12Usadas juntas em 68 sites
#13Usadas juntas em 60 sites
#14Usadas juntas em 59 sites
#19Usadas juntas em 47 sites

O que são combinações de fontes?

Uma combinação de fontes é uma seleção de duas (ou mais) tipografias que funcionam bem juntas num site. Geralmente uma fonte é usada para títulos e outra para o corpo do texto. As melhores combinações criam hierarquia visual mantendo harmonia - as fontes contrastam o suficiente para serem distintas, mas partilham personalidade suficiente para parecerem coesas.

De onde vêm estes dados?

Cada combinação nesta página vem de sites reais analisados pelo What the Font. Quando várias fontes aparecem juntas no mesmo site, são contadas como uma combinação. Quanto mais sites usam uma combinação, mais alto ela aparece no ranking. Isto reflete decisões de design reais de desenvolvedores e designers.

Como escolher uma combinação de fontes para o seu projeto

Comece por escolher uma fonte principal para os seus títulos - algo distintivo que corresponda à personalidade da sua marca. Em seguida, escolha uma fonte secundária para o corpo do texto que seja muito legível em tamanhos pequenos. Uma abordagem comum é combinar uma serif com uma sans-serif, ou uma fonte display com uma neutra como Inter ou Roboto. Clique no nome de uma fonte para explorar todos os seus detalhes.

Todas as fontes são do Google Fonts

Cada fonte nestas combinações está disponível no Google Fonts - uma biblioteca gratuita e de código aberto que pode usar em qualquer site. Basta adicionar um import CSS para cada fonte desejada e começar a usá-la imediatamente. Sem taxas de licença, sem subscrição. Clique no nome de uma fonte para ver a sua página no Google Fonts e copiar o código de importação.

Analisando um site?

Se quer identificar fontes em um site em vez de em uma imagem estática, use nosso verificador por URL. Cole qualquer URL e extraímos todas as fontes usadas.