PT
PortuguêsEnglishEspañol
Todas as ferramentas
Ferramentas para programador 100% grátis

Combinação de fontes do Google Fonts

Escolha uma combinação pronta ou uma fonte para os títulos e outra para o texto. Escreva o nome do seu negócio para ver como fica e copie o código.

Muito obrigado por ajudar!

Cada doação ajuda a pagar os servidores e mantém as ferramentas grátis para todo mundo. Escolha ou digite o valor:

Pagamento seguro pela Stripe. Abre em outra aba.

Voltar para CSS e design

Fontes que combinam

Disponível em: PortuguêsEnglish

Publicidade

Combinação de fontes do Google Fonts: para que serve

Escolha um dos pares prontos (elegante, moderno, clássico, forte, delicado, doce, editorial, limpo ou artesanal) ou combine livremente 28 fontes populares do Google Fonts, com o peso do título. A prévia carrega as fontes de verdade e mostra o nome do seu negócio e um parágrafo.

O código traz o preconnect, o link do Google Fonts só com os pesos usados e display=swap, e as regras CSS para títulos e texto.

Como usar

  1. Escolha um par pronto ou duas fontes.
  2. Escreva o título e o texto da prévia.
  3. Copie o link e o CSS para o site.

Quando usar

  • Escolher a identidade visual de um site.
  • Testar fontes antes de mostrar ao cliente.
  • Combinar títulos marcantes com texto legível.

Perguntas frequentes

As fontes do Google Fonts são grátis?

Sim. As fontes do Google Fonts são de código aberto e podem ser usadas em sites comerciais sem pagar.

Como escolher duas fontes que combinam?

Uma regra simples é contrastar: uma fonte com personalidade nos títulos (serifada ou de exibição) e uma fonte sem serifa bem legível no texto. Evite duas fontes muito parecidas, que parecem um erro, e não use mais de duas.

As fontes deixam o site lento?

Cada peso de fonte é um arquivo a mais. Carregue só os pesos que usa; o código já vem com display=swap, que mostra o texto com uma fonte do sistema enquanto a fonte carrega, e com preconnect para acelerar a conexão.

E a LGPD?

Carregar fontes direto do Google envia o IP do visitante ao Google. Se preferir evitar isso, baixe as fontes e hospede no seu próprio site.

Ferramentas parecidas

As ferramentas são oferecidas como estão, sem garantia. Não nos responsabilizamos pelos resultados nem pelo uso que se faz deles.