WhatFont – identificar a fonte de um site ou imagem

Que fonte é esta? Identifique qualquer fonte de um site ou de uma imagem: família, tamanho, peso, cor e todas as fontes.

Que fonte é essa? Identifique qualquer fonte em um site ou em uma imagem — com um clique O WhatFont transforma qualquer página em um mostruário tipográfico. Passe o cursor sobre o texto para ver a fonte realmente renderizada, clique para obter todas as propriedades CSS ou capture um logótipo para descobrir a fonte de uma imagem. Sem DevTools, sem «Inspecionar elemento» e sem adivinhação. 🔍 IDENTIFICAR A FONTE DE QUALQUER SITE • Passe o cursor — a dica mostra a fonte de fato renderizada, e não a lista do CSS • Clique para ver tudo: família, tamanho, entrelinha, peso, estilo e espaçamento • Toda a pilha de fontes, com destaque para a família que o navegador realmente escolheu • As setas percorrem a estrutura da página: até a legenda mais miúda fica ao alcance 🖼️ DESCOBRIR A FONTE DE UMA IMAGEM OU LOGÓTIPO • Selecione qualquer área da tela: logótipo, banner, captura de ecrã, quadro de vídeo • Envie para a busca visual do Adobe Fonts ou do WhatTheFont com um clique • Ou salve o recorte em PNG e copie para a área de transferência 🗂️ TODAS AS FONTES DA PÁGINA • Um clique lista cada tipografia que a página usa • De cada uma: quantos elementos, quais pesos e quais tamanhos • Copie o nome ou vá direto para aquele texto na página 🎨 CORES, CONTRASTE E CSS PRONTO • Cor do texto em HEX e RGB — clique em qualquer valor para copiar • Taxa de contraste WCAG em relação ao fundo real, com veredito AA / AAA • Copiar CSS: a declaração de fonte inteira, pronta para colar na sua folha de estilos • Origem da fonte: Google Fonts, Adobe Fonts, o próprio site ou uma fonte do sistema, com link ⚡ COMO FUNCIONA 1. Clique no ícone do WhatFont ou pressione Alt+Shift+F 2. Passe o cursor sobre um texto para ver a fonte 3. Clique no texto para os detalhes ou pressione Capture para identificar a fonte de uma imagem 4. Esc desliga o inspetor PARA DESIGNERS E DESENVOLVEDORES Reúna referências de tipografia, reconstrua um design system, acerte a fonte da marca de um cliente, verifique a acessibilidade das cores do texto ou responda em segundos: «que fonte esse site usa?». 🔒 PRIVACIDADE O WhatFont funciona dentro do navegador e não coleta nem transmite dados da sua navegação. Uma imagem capturada só sai do navegador depois que você mesmo escolhe um serviço de busca. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.