Visualize Google Fonts, personalize tamanho, peso, espaçamento e compare fontes lado a lado
Ferramentas para Desenvolvedores
Sobre Esta Ferramenta
O Visualizador de Fontes permite visualizar e comparar mais de 50 Google Fonts, com controle total sobre tamanho, peso, estilo, espaçamento e cor. Oferece três modos de visualização — Visualização, Amostra e Comparação — e gera código CSS pronto para uso, com cópia com um clique.
Principais Recursos
- Mais de 50 Google Fonts populares, com pesquisa e filtro
- Três modos de visualização: Visualização, Amostra e Comparação
- Controle tipográfico completo: tamanho, peso (100–900), estilo, espaçamento entre letras, altura da linha
- Cores de texto e fundo personalizáveis, com entrada hexadecimal
- Texto de visualização editável para testar em tempo real
- Saída CSS copiável para a área de transferência com um clique
Casos de Uso
- Selecionar a Google Font ideal para projetos de web design
- Comparar duas fontes lado a lado antes de decidir
- Gerar declarações CSS de fonte para folhas de estilo
- Testar a legibilidade das fontes em diferentes tamanhos e pesos
- Explorar o conjunto completo de caracteres de uma fonte na visualização Amostra
fonts
google-fonts
typography
Perguntas Frequentes
Quais fontes estão disponíveis no Visualizador de Fontes?
A ferramenta inclui mais de 50 Google Fonts populares, como Roboto, Inter, Poppins, Playfair Display, Montserrat e outras. Você pode pesquisar e filtrar a lista de fontes para encontrar a fonte ideal.
Posso comparar duas fontes lado a lado?
Sim, a aba Comparação permite visualizar duas fontes lado a lado, cada uma com controles independentes de tamanho e peso, facilitando a escolha entre fontes similares.
Como obtenho o código CSS da fonte?
A aba Visualização exibe a declaração CSS completa para as configurações atuais. Clique no botão "Copiar CSS" para copiá-la imediatamente para a área de transferência.
O Visualizador de Fontes funciona offline?
A ferramenta em si é executada no navegador, mas as Google Fonts são carregadas de um CDN, portanto é necessária conexão com a internet para renderizar as fontes.
Posso personalizar o texto de visualização?
Sim, a área de visualização é editável — clique nela para inserir seu próprio texto e ver como ele fica na fonte selecionada.