design
Gratuito
Sem cadastro
Ferramenta de Combinação de Fontes
Explore combinações de fontes do Google Fonts, visualize texto de título e corpo ao vivo e copie snippets de CSS prontos para usar.
Carregando ferramenta…
Sobre esta ferramenta
Explore mais de 20 combinações de fontes selecionadas à mão, como Playfair Display + Source Sans Pro ou Montserrat + Merriweather, ou misture e combine de uma lista selecionada de 30 fontes. As fontes são carregadas dinamicamente via API do Google Fonts para que você veja exatamente como seu texto ficará. Insira texto de visualização personalizado e copie o snippet @import e as declarações CSS font-family para uso imediato no seu projeto.
Como usar
- 1 Passo 1: Escolha uma combinação selecionada da galeria ou mude para o modo Explorar para escolher qualquer fonte de título e fonte de corpo da lista selecionada de 30 fontes.
- 2 Passo 2: Digite seu próprio texto no painel de visualização para ver exatamente como seu conteúdo ficará nas fontes selecionadas.
- 3 Passo 3: Ajuste o tamanho da fonte para avaliar a combinação em diferentes escalas, como mobile, tablet ou desktop.
- 4 Passo 4: Clique em 'Copiar CSS' para copiar o URL @import do Google Fonts e as declarações font-family prontas para colar na sua folha de estilos.