Combinador de Fontes Google
Descubra combinações perfeitas de Google Fonts para seu site. Visualize combinações de fonte de título e corpo com exemplos ao vivo. Obtenha código CSS instantâneo para tipografia bonita. Ferramenta online gratuita de combinação de fontes para web designers.
Fonte de Título
Fonte de Corpo
Visualização ao Vivo
Código CSS
Sobre o Combinador de Fontes Google
Encontre as combinações perfeitas de Google Fonts para seus projetos web. Visualize combinações de fontes de título e corpo em tempo real com diferentes tipos de conteúdo e obtenha código CSS instantâneo.
Como uso o Combinador de Fontes Google?
Selecione uma fonte de título e fonte de corpo dos menus suspensos, ajuste o tamanho e peso, escolha um tipo de visualização (perfil, artigo ou card) e veja a visualização ao vivo instantaneamente. Clique em 'Copiar CSS' para obter o código pronto para usar para seu site.
O que faz uma boa combinação de fontes?
Boas combinações de fontes têm contraste mas harmonia. Tipicamente, combine uma fonte decorativa ou serifada para títulos com uma sans-serif simples para texto de corpo. As fontes devem se complementar sem competir por atenção. Considere legibilidade, clima e personalidade da marca ao escolher pares.
Posso usar essas fontes no meu site?
Sim! Todas as fontes mostradas são do Google Fonts, que são gratuitas para usar em projetos pessoais e comerciais. Simplesmente copie o código CSS e adicione à folha de estilo do seu site. A declaração de importação carregará as fontes dos servidores do Google.
O que o botão Embaralhar faz?
O botão Embaralhar seleciona aleatoriamente uma combinação de fontes profissionalmente curada. É ótimo para descobrir novas combinações que você pode não ter considerado. Cada embaralhada dá fontes que são conhecidas por funcionar bem juntas.