Question 1

O que faz um bom pareamento de fontes para um site?

Accepted Answer

Pareamentos fortes vêm do contraste dentro da harmonia. Uma fórmula comum: uma fonte display com personalidade para headlines pareada com uma sans neutra e altamente legível para corpo. Os 15 pareamentos aqui seguem essa forma — uma fonte carrega identidade, a outra carrega legibilidade.

Question 2

Posso usar Google Fonts comercialmente?

Accepted Answer

Sim. Toda fonte no Google Fonts é open-source (Open Font License ou similar) e grátis para uso comercial, sem atribuição obrigatória. Você pode hospedá-las no seu próprio servidor ou carregá-las do CDN do Google — ambas são permitidas.

Question 3

Quantas fontes um site deve usar?

Accepted Answer

Duas é o ponto ideal: uma fonte display/headline, uma fonte body/UI. Três é aceitável se você separar body e UI (ex. serif para prosa, sans para botões). Mais de três quase sempre parece barulhento, a não ser que o design seja deliberadamente editorial.

Question 4

Qual é a diferença entre fontes display e body?

Accepted Answer

Fontes display são projetadas para tamanhos grandes — têm mais personalidade, proporções exageradas e detalhes decorativos que se leem a 48px+. Fontes body são ajustadas para legibilidade em 14–18px — formas neutras, espaçamento generoso, otimizadas para leitura em tela.

Question 5

Como exporto estes pareamentos para minha ferramenta de design?

Accepted Answer

Copie o snippet link do Google Fonts ou @import CSS, cole no head HTML ou CSS. As famílias de fonte carregam automaticamente e você pode usá-las no seu config Tailwind ou design tokens. Também linkamos diretamente à página Google Fonts de cada fonte para você visualizar mais pesos.

Ferramenta de Pareamento de Fontes — encontre a voz da sua marca

Os 15 pareamentos

De pareamento a site completo em 5 minutos

Perguntas

Ferramentas relacionadas