Emparelhamento de Tipos de Letra e Diretório Google Fonts
Explore um diretório selecionado de Google Fonts populares com pré-visualizações em direto, filtre por categoria e pesquise por nome, depois copie CSS pronto a colar e explore emparelhamentos de tipos de letra sugeridos — tudo no seu browser.
Tudo corre no seu browser — os tipos de letra são carregados a partir do Google Fonts apenas para pré-visualização em direto, nada é enviado, sem registo, totalmente gratuito.
Um título composto no tipo de letra de display
E aqui está um parágrafo de texto corrido composto no tipo de letra de texto emparelhado. Bons emparelhamentos de tipos de letra equilibram personalidade e legibilidade: um título com carácter atrai o olhar, enquanto um corpo de texto limpo e confortável mantém passagens longas fáceis de ler. Clique em "CSS" para copiar ambas as linhas @import e as regras font-family para os seus títulos e corpo de texto.
Sobre Emparelhamento de Tipos de Letra e Diretório Google Fonts
Este diretório de fontes reúne 80 Google Fonts populares numa única página pesquisável, cada uma apresentada como uma amostra ao vivo com uma linha pangrama, uma linha de alfabeto e numerais, e um selo de categoria. Cobre cinco famílias tipográficas — sem serifa, com serifa, display, manuscrita e monoespaçada — para que possa comparar formas de letra reais em vez de adivinhar pelos nomes.
Cada cartão de fonte inclui sugestões de combinação selecionadas: fontes parceiras que funcionam bem em conjunto para títulos e corpo de texto. Clicar numa combinação abre uma pré-visualização que define um título numa fonte e um parágrafo noutra, para que possa avaliar a combinação em contexto antes de se comprometer com ela.
Quando uma fonte ou combinação é adequada, um clique copia CSS pronto a colar — uma linha @import para a folha de estilos do Google Fonts, mais a pilha font-family correspondente com uma reserva sensata. As fontes são carregadas do Google Fonts apenas para as pré-visualizações ao vivo; nada do que escreve é enviado para lado nenhum.
Como usar Emparelhamento de Tipos de Letra e Diretório Google Fonts
- Percorra os cartões de fonte, cada um mostrando o seu nome, selo de categoria e texto de amostra ao vivo definido no tipo de letra real.
- Use a caixa de pesquisa para encontrar uma fonte pelo nome, ou clique num selo de categoria (Sem serifa, Com serifa, Display, Manuscrita, Monoespaçada) para filtrar a grelha.
- Arraste o cursor de tamanho (16–72 px) para pré-visualizar a linha de amostra no tamanho de título ou corpo de texto pretendido.
- Clique num selo "Combina com" ou no botão "Pré-visualizar combinação" para ver um título e um parágrafo de corpo definidos na combinação sugerida.
- Clique no botão "CSS" num cartão ou na pré-visualização de combinação para copiar a linha @import e as declarações font-family para a área de transferência.