--- titulo: "Que fonte é essa? Como descobrir num site, numa imagem ou num PDF" url: https://blog.farnesidigital.com.br/como-descobrir-a-fonte-utilizada-em-um-site/ autor: "Carlos Farnesi" publicado: 2020-09-21 atualizado: 2026-08-05 categorias: ["Ferramentas e produtividade"] tempo_leitura_min: 4 publicado_por: Farnesi Digital (https://farnesidigital.com.br/) licenca: Citação permitida com atribuição e link para a URL original. --- # Que fonte é essa? Como descobrir num site, numa imagem ou num PDF > Depende de onde a fonte está. Num site, o nome está no código: clique com o botão direito no texto, escolha Inspecionar e procure font-family na aba Computed — ou use a extensão WhatFont, que mostra o nome ao passar o cursor. Numa imagem, num logo ou numa foto, o texto é desenho e nenhuma extensão lê o nome; aí o caminho é enviar a imagem ao WhatTheFont, ao Font Squirrel Matcherator ou ao WhatFontIs, que comparam o formato das letras com um banco de fontes. Num PDF, a lista está no próprio arquivo, em Arquivo, Propriedades, Fontes. ## Em resumo - Em site, o nome da fonte está escrito no código — o inspetor do navegador mostra em font-family, sem instalar nada. - A lista de vários nomes em font-family são alternativas: a fonte exibida é a primeira que existe no seu computador ou foi baixada pelo site. - Em imagem, logo ou foto, só identificadores por comparação funcionam: WhatTheFont, Font Squirrel Matcherator e WhatFontIs. - O acerto do identificador de imagem depende do corte: só o texto, letras variadas, sem inclinação e sem caracteres colados. - Em PDF, a lista de fontes está no próprio arquivo, em Propriedades. - Fonte encontrada não é fonte liberada: muitas são licenciadas por domínio ou por volume de visitas. - "Fonte" é o desenho das letras; "código-fonte" é o HTML da página, que se vê com Ctrl+U. Você viu uma fonte que gostou e quer saber o nome dela. O caminho depende de onde ela está: num site, numa imagem, num PDF ou num impresso que você fotografou. Cada caso tem um método, e nenhum deles é complicado. ## A fonte está num site É o caso mais fácil, porque o texto de um site não é imagem: o nome da fonte está escrito no código da página, e você só precisa lê-lo. ### Pelo inspetor do navegador, sem instalar nada Funciona em qualquer navegador de computador e é o método que nunca falha: 1. Clique com o botão direito sobre o texto e escolha Inspecionar. 1. No painel que abrir, procure a aba Computed (ou Computado). 1. Role até font-family. O primeiro nome da lista é a fonte que está sendo exibida. A lista costuma ter vários nomes, e isso confunde muita gente. Eles são as alternativas: se a primeira fonte não carregar, o navegador usa a segunda, e assim por diante. A que você está vendo é a primeira que existe no seu computador ou foi baixada pelo site. ### Pela extensão WhatFont Mais confortável para quem faz isso com frequência. É a extensão que mostro no vídeo abaixo: [Vídeo no YouTube](https://www.youtube.com/watch?v=S2edJH2hnoE) - Instale a extensão WhatFont pela Chrome Web Store. - Abra o site cuja fonte você quer identificar. - Clique no ícone da extensão para ativá-la. - Passe o cursor sobre o texto: o nome da fonte aparece ao lado. - Clique no texto para ver os detalhes — família, tamanho, peso, altura de linha e cor. ## A fonte está numa imagem, num logo ou numa foto Aqui o texto não é texto, é desenho — nenhuma extensão vai ler o nome, porque ele não está escrito em lugar nenhum. O que existe são serviços que comparam o formato das letras com um banco de fontes e devolvem os candidatos mais parecidos. Três funcionam bem e são gratuitos para consulta: - WhatTheFont, da MyFonts. Aceita envio de imagem e também tem aplicativo para iPhone e Android, o que resolve o caso de fotografar uma placa ou um cartaz. - Font Squirrel Matcherator. Costuma acertar melhor em fontes livres, que são as que você pode baixar sem pagar. - WhatFontIs. Tem o maior banco dos três e mostra alternativas gratuitas parecidas junto com o resultado pago. ### Como aumentar a chance de acerto Esses serviços erram bastante quando a imagem não colabora. Quatro cuidados mudam o resultado: - Corte a imagem deixando só o texto, sem fundo e sem outros elementos. - Prefira um trecho com letras variadas. "Aa Gg Rr" identifica melhor que "III". - Endireite o texto. Letra inclinada ou em perspectiva atrapalha a comparação. - Separe letras coladas. Quase todos os serviços deixam você ajustar o corte entre caracteres antes de buscar, e vale gastar esse minuto. Se ainda assim não achar, é possível que a fonte seja exclusiva. Marca grande costuma encomendar tipografia própria, que não está à venda em lugar nenhum — nesse caso o objetivo passa a ser encontrar a mais parecida. ## A fonte está num PDF O PDF carrega a lista de fontes dentro do próprio arquivo, e nenhum serviço externo é necessário. No Adobe Acrobat Reader, abra o menu Arquivo, escolha Propriedades e vá até a aba Fontes: aparece tudo o que o documento usa. No Preview do Mac, o caminho é Ferramentas e depois Mostrar Inspetor. ## Achou o nome. E agora? Antes de baixar, confira a licença. Fonte usada num site não é necessariamente livre: muitas são licenciadas por domínio ou por volume de visitas, e usar sem licença numa peça comercial é problema jurídico, não detalhe técnico. Se a fonte for paga e o orçamento não permitir, procure uma alternativa livre. O Google Fonts é o caminho mais direto: são fontes gratuitas inclusive para uso comercial, e a busca por características — com serifa, sem serifa, peso, largura — ajuda a chegar perto do que você viu. Os próprios identificadores de imagem costumam sugerir similares gratuitas junto com o resultado. ## Uma confusão comum: fonte ou código-fonte? Muita gente procura "como ver o código-fonte de um site" e acaba em páginas sobre tipografia, ou o contrário. São coisas diferentes. Fonte, aqui, é o desenho das letras — Arial, Helvetica, Roboto. Código-fonte é o HTML que monta a página, e você vê com Ctrl+U no Windows ou Command+Option+U no Mac. Se era isso que você procurava, o atalho resolve. ## Perguntas frequentes ### Como descobrir qual fonte um site usa? Clique com o botão direito sobre o texto, escolha Inspecionar e procure font-family na aba Computed: o primeiro nome da lista é a fonte exibida. Se preferir algo mais direto, a extensão WhatFont para Chrome mostra o nome ao passar o cursor sobre o texto, junto com tamanho, peso e cor. ### Como descobrir a fonte de uma imagem ou de um logo? Numa imagem o texto é desenho, então nenhuma extensão consegue ler o nome. Envie a imagem para o WhatTheFont, o Font Squirrel Matcherator ou o WhatFontIs: eles comparam o formato das letras com um banco de fontes e devolvem os candidatos mais parecidos. Corte a imagem deixando só o texto, sem inclinação, para aumentar o acerto. ### Existe algum jeito de identificar fonte pelo celular? Sim. O WhatTheFont tem aplicativo para iPhone e Android que identifica a fonte a partir de uma foto — útil para placas, cartazes e embalagens. Para fonte de site pelo celular, o caminho mais prático é abrir a página no computador, porque o inspetor e as extensões não existem nos navegadores móveis. ### Posso usar a fonte que identifiquei no meu projeto? Só depois de conferir a licença. Fonte usada num site não é necessariamente livre: muitas são licenciadas por domínio ou por volume de visitas, e há restrição frequente para uso comercial. Se a fonte for paga, o Google Fonts costuma ter alternativas gratuitas e liberadas para uso comercial com aparência próxima. ### Por que o identificador não achou a fonte da imagem? As duas causas mais comuns são a qualidade do recorte e a exclusividade da fonte. Recorte com fundo, texto inclinado ou letras coladas atrapalham a comparação. E marcas grandes frequentemente encomendam tipografia própria, que não está à venda em lugar nenhum — nesse caso não existe resultado exato, e o objetivo passa a ser achar a mais parecida.