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.
Fontes que combinam
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
- Escolha um par pronto ou duas fontes.
- Escreva o título e o texto da prévia.
- 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.