Pré-visualização de Fontes

Teste qualquer Google Font com texto, tamanho, peso, espaçamento e cores personalizados. Copie o CSS instantaneamente.

48px
400
0px
1.4
Preview
The quick brown fox jumps over the lazy dog.
Generated CSS

O que é uma ferramenta de pré-visualização de fontes?

Uma ferramenta de pré-visualização de fontes permite testar tipografia em tempo real sem escrever código. Escolha entre mais de 2.000 Google Fonts, ajuste tamanho, peso, espaçamento e altura de linha, e veja exatamente como seu texto ficará em um site.

Para quem é esta ferramenta?

Designers usam para comparar rapidamente tipografias para títulos e corpo de texto. Desenvolvedores ajustam o CSS antes de adicioná-lo a um projeto. Qualquer pessoa que crie um site pode explorar o Google Fonts visualmente e copiar o CSS pronto com um clique.

Como usar o configurador de fontes

Clique no botão Família de Fontes para abrir o menu suspenso e pesquisar entre 2.000+ fontes. Insira seu texto de exemplo e ajuste tamanho (8-200px), peso (100-900), espaçamento e altura de linha. O painel CSS atualiza instantaneamente.

Google Fonts - gratuito e de código aberto

Todas as fontes desta ferramenta são do Google Fonts, uma biblioteca gratuita e de código aberto. Podem ser usadas em qualquer site via importação CSS simples, sem taxas de licença. O trecho CSS gerado inclui a linha de importação correta.