Como combinar fontes sem errar, com pares gratuitos prontos
Regras simples para combinar duas fontes num projeto, o que olhar na altura-x e no contraste, e pares gratuitos que funcionam juntos.
Achar uma fonte bonita é fácil. Difícil é achar a segunda, a que vai dividir a página com ela. Uma boa combinação deixa claro o que é título e o que é texto, sem parecer que duas pessoas diferentes fizeram a peça. A boa notícia: existem poucas regras, e elas funcionam quase sempre.
Regra 1: duas fontes bastam
A maior parte dos projetos precisa de uma fonte para títulos e outra para o texto corrido. Uma terceira só faz sentido para uma função bem definida, como código ou números de uma tabela. Mais do que isso e a página começa a parecer um catálogo.
Quer variedade? Use os pesos e estilos da mesma família: negrito, itálico, condensada. Eles combinam entre si por definição.
Regra 2: contraste, não conflito
As duas fontes precisam ser claramente diferentes em alguma coisa. Se forem quase iguais, parece um erro, como se alguém tivesse trocado a fonte sem querer. O jeito mais seguro de criar contraste é misturar categorias:
- Serifada no título, sem serifa no texto: clássico e elegante.
- Sem serifa no título, serifada no texto: moderno, com leitura confortável em textos longos.
- Geométrica com humanista: formas perfeitas nos títulos, traços mais naturais no texto.
Evite juntar duas fontes da mesma categoria com detalhes diferentes, como duas sem serifa geométricas. A diferença fica pequena demais para parecer intencional.
Regra 3: medidas parecidas, personalidades diferentes
Enquanto o estilo deve contrastar, algumas medidas devem conversar:
- Altura-x: fontes com altura-x parecida ficam equilibradas lado a lado, mesmo quando aparecem na mesma linha.
- Largura: uma fonte muito larga ao lado de uma muito estreita cria um ritmo estranho.
- Época e tom: uma serifada do século XVIII com uma sem serifa futurista pode funcionar, mas pede mais cuidado do que um par de mesma época.
Na hora de descobrir uma fonte pela imagem, o resultado mostra a altura-x e a largura medidas. Esses mesmos números ajudam a achar uma parceira.
Pares gratuitos que funcionam
Todas as fontes abaixo são do Google Fonts e podem ser usadas em trabalhos comerciais.
| Títulos | Texto | Clima |
|---|---|---|
| Playfair Display | Source Sans 3 | Editorial, revista |
| Montserrat | Merriweather | Institucional e confiável |
| Oswald | Open Sans | Esportivo, cartaz |
| Lora | Inter | Blog e leitura longa |
| Space Grotesk | IBM Plex Serif | Tecnologia, startup |
| Poppins | Lato | Amigável, marcas jovens |
| Libre Baskerville | Raleway | Casamento, convite, luxo discreto |
Use os pares como ponto de partida, não como regra. Teste com o texto real do projeto: uma combinação que fica ótima em “Lorem ipsum” pode não funcionar com palavras longas em português, cheias de acentos.
Hierarquia: tamanho e peso também contam
Mesmo com o par certo, a página precisa de hierarquia. Uma receita simples:
- Título com pelo menos o dobro do tamanho do texto.
- Subtítulos na fonte do título, num peso menor.
- Texto corrido entre 16 e 18 px na tela, com linhas de 60 a 75 caracteres.
Viu uma combinação bonita por aí?
Se um site, cartaz ou embalagem usa um par que você gostou, descubra as duas fontes: envie a imagem na página inicial e selecione uma linha de cada vez, primeiro o título e depois o texto. Se o site estiver aberto no computador, o guia de como descobrir a fonte de um site mostra o caminho pelo navegador.