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 104 sites
#3Usadas juntas em 78 sites
#4Usadas juntas em 44 sites
#5Usadas juntas em 42 sites
#8Usadas juntas em 31 sites
#10Usadas juntas em 28 sites
#11Usadas juntas em 28 sites
#13Usadas juntas em 26 sites
#15Usadas juntas em 25 sites
#17Usadas juntas em 23 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.