Pular para o conteúdo
patrache.tools

Sugestão de fontes

Sugestão de fontes online e gratuita. Descubra combinações de Google Fonts para títulos e corpo com pré-visualização ao vivo. No navegador.

Classic Elegant

A rápida raposa marrom

A rápida raposa marrom pula sobre o cachorro preguiçoso. Boas combinações de fontes são essenciais.

Título: Playfair DisplayCorpo: Source Sans 3
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap'); h1, h2, h3 { font-family: 'Playfair Display', serif; } body, p { font-family: 'Source Sans 3', sans-serif; }
lockOs arquivos não são enviados a nenhum servidor
Compartilhar
Incorporar

Incorpore esta ferramenta no seu site

O sugestor de pares de fontes é uma ferramenta online gratuita que recomenda combinações de fontes.

Como usar Sugestão de fontes?

  1. Selecione uma fonte para títulos ou veja as recomendações.
  2. Pré-visualize as combinações de fontes para o corpo.
  3. Copie o código Google Fonts da combinação escolhida.

Perguntas frequentes sobre Sugestão de fontes

O que faz uma boa combinação de fontes?

Contraste e harmonia são essenciais. Usar serif ou display para títulos e sans-serif para o corpo é geralmente uma boa combinação.

As fontes recomendadas são gratuitas?

Sim, todas as fontes recomendadas são fontes open source gratuitas do Google Fonts. Podem ser usadas livremente em projetos pessoais e comerciais.

Várias fontes web deixam a página lenta?

Os pesos pesam mais que as famílias. Um arquivo de fonte costuma ter de 20 a 40 KB, então duas famílias com dois pesos cada ficam em torno de 100 KB, o que é tranquilo. O problema começa quando uma família é carregada em seis pesos diferentes. Uma fonte variável cobre todos os pesos a partir de um único arquivo, e definir font-display: swap faz o texto aparecer de imediato mesmo se a fonte chegar atrasada.

Com que critério escolho a fonte do corpo do texto?

No corpo do texto, a legibilidade vem antes da personalidade. Procure uma altura de x generosa a 16 px, espaçamento confortável entre letras e formas claramente distintas para 1, l e I, além de 0 e O. Cole um parágrafo real do seu próprio conteúdo e leia num notebook e num celular; isso diz muito mais do que a frase de amostra de um espécime. Uma fonte marcante pode sustentar os títulos, mas é a discreta do corpo que continua sendo lida.

Como aproveitar Sugestão de fontes ao máximo?

  • Junte uma fonte de título expressiva com uma de texto neutra; nunca duas personalidades fortes.
  • O contraste de peso (700 contra 400) costuma funcionar melhor do que trocar de família.
  • Confira se a fonte traz ã, õ e ç antes de adotá-la no projeto.

Powered by Patrache Studio Tools

Permita anúncios neste site

Para usar estas ferramentas, permita anúncios neste site. A publicidade mantém este serviço gratuito.

Abra o bloqueador, desative o bloqueio neste site e verifique novamente.