Visualize e compare 30+ fontes. Digite texto de exemplo, ajuste tamanho, espaçamento e cor. Comparação lado a lado com cópia CSS.
24px
1.5
0px
Arialweb-safe
The quick brown fox jumps over the lazy dog
Helveticaweb-safe
The quick brown fox jumps over the lazy dog
Georgiaweb-safe
The quick brown fox jumps over the lazy dog
Times New Romanweb-safe
The quick brown fox jumps over the lazy dog
Courier Newweb-safe
The quick brown fox jumps over the lazy dog
Verdanaweb-safe
The quick brown fox jumps over the lazy dog
Impactweb-safe
The quick brown fox jumps over the lazy dog
Comic Sans MSweb-safe
The quick brown fox jumps over the lazy dog
Trebuchet MSweb-safe
The quick brown fox jumps over the lazy dog
Palatinoweb-safe
The quick brown fox jumps over the lazy dog
Garamondweb-safe
The quick brown fox jumps over the lazy dog
system-uigeneric
The quick brown fox jumps over the lazy dog
monospacegeneric
The quick brown fox jumps over the lazy dog
cursivegeneric
The quick brown fox jumps over the lazy dog
fantasygeneric
The quick brown fox jumps over the lazy dog
serifgeneric
The quick brown fox jumps over the lazy dog
sans-serifgeneric
The quick brown fox jumps over the lazy dog
Robotogoogle
The quick brown fox jumps over the lazy dog
Open Sansgoogle
The quick brown fox jumps over the lazy dog
Latogoogle
The quick brown fox jumps over the lazy dog
Montserratgoogle
The quick brown fox jumps over the lazy dog
Poppinsgoogle
The quick brown fox jumps over the lazy dog
Intergoogle
The quick brown fox jumps over the lazy dog
Playfair Displaygoogle
The quick brown fox jumps over the lazy dog
Merriweathergoogle
The quick brown fox jumps over the lazy dog
Ralewaygoogle
The quick brown fox jumps over the lazy dog
Nunitogoogle
The quick brown fox jumps over the lazy dog
Ubuntugoogle
The quick brown fox jumps over the lazy dog
Oswaldgoogle
The quick brown fox jumps over the lazy dog
Source Code Progoogle
The quick brown fox jumps over the lazy dog
Fira Codegoogle
The quick brown fox jumps over the lazy dog
Dancing Scriptgoogle
The quick brown fox jumps over the lazy dog
Pacificogoogle
The quick brown fox jumps over the lazy dog
Ferramenta de Pré-visualização e Comparação de Fontes
Escolher a fonte certa é uma das decisões de design mais impactantes. A tipografia afeta legibilidade, percepção de marca, experiência do usuário e taxas de conversão. Esta ferramenta permite visualizar como diferentes fontes ficam com seu conteúdo real.
Inclui mais de 30 fontes populares: web-safe como Arial, Georgia e Verdana, famílias CSS genéricas como serif e monospace, e populares Google Fonts como Roboto, Montserrat e Playfair Display.
O modo de comparação lado a lado é útil para reduzir candidatos finais. Selecione duas fontes e veja-as renderizadas de forma idêntica. Você também pode copiar o CSS com um clique.
Para projetos web, considere o desempenho de carregamento. Fontes web-safe carregam instantaneamente. Google Fonts requerem uma requisição HTTP mas oferecem mais variedade.
FAQ
Compartilhar
PatrocinadoAnúncio
🎨
Crie designs impressionantes com Canva
Crie apresentações, gráficos para redes sociais e mais — sem necessidade de habilidades de design.
São fontes pré-instaladas em praticamente todos os sistemas operacionais, como Arial, Georgia e Verdana. Carregam instantaneamente sem requisições externas.
Como adiciono Google Fonts ao meu site?+−
Adicione uma tag link no head HTML apontando para fonts.googleapis.com, depois use font-family no seu CSS.
Qual a diferença entre serif e sans-serif?+−
Fontes serif têm traços decorativos (como Times New Roman), sans-serif não (como Arial). Serifs são tradicionais para impressão, sans-serifs preferidas para telas.
Quantas fontes devo usar em um site?+−
A melhor prática é 2-3 fontes no máximo: uma para títulos, uma para texto e opcionalmente uma para acentos ou código.
Meu texto é enviado para algum lugar?+−
Não. Todo o renderizado acontece no seu navegador. O texto nunca é enviado a servidores.