Laboratório de Combinação de Fontes Web

Pré-visualize uma combinação título + corpo de Google Fonts lado a lado, ajuste peso e entrelinha, e copie um snippet CSS pronto para colar.

Como usar

1. Escolha uma fonte de título e uma fonte de corpo do registro curado de 22 fontes.
2. Ajuste o peso do título e o peso do corpo; cada fonte ajusta-se ao peso disponível mais próximo.
3. Modifique o tamanho do corpo (px) e a entrelinha; a pré-visualização atualiza.
4. Personalize opcionalmente os textos de exemplo de título e exemplo de corpo.
5. Copie o CSS gerado — contém um único @import que carrega apenas os dois pesos escolhidos, mais variáveis CSS e regras para h1, h2, h3 e body, p.

Combinações curadas — o painel lateral sugere 7 combinações consagradas (editorial, SaaS, notícias, tech, artesanal, pôster, dev-tool).