Usando o “WhatTheFont!” Para Reconhecer Fontes
O site MyFonts, provavelmente o mais completo banco de informações sobre fontes, tem uma ferramenta indispensável para quem trabalha com design web e especialmente tipografia, o WhatTheFont! Com ela, é possível, através de textos em imagens que estejam em seu computador ou em algum endereço na web, descobrir em poucos segundos quais as fontes usadas, ou que mais se aproximam em similaridade.
É uma "mão na roda" sem tamanho quando precisamos, por exemplo, descobrir qual foi a fonte usada em um design qualquer que precisamos recriar, como um logo ou aquela fonte bacana que você viu em um blog por aí e ficou afim de usar também. É só tirar um print, salvar e fazer upload dela no WhatTheFont!, cujo sistema vai examinar e oferecer sugestões.
Mesmo quando a fonte não está disponível para download no MyFonts, o site exibe links para outros lugares em que você pode encontrá-la, geralmente no site do dono ou distribuidor oficial dela. Se o sistema não conseguir identificar nenhuma parecida, ou você não gostar do resultado, pode abrir um tópico e consultar outros usuários - quem sabe alguém conhece a fonte usada na tal imagem que você enviou?
Veja como é simples de usar:
Para nosso teste, vou usar este texto, com o banner do Tutoriart.

Acesse o WhatTheFont!, clique no botão Upload a File..., navegue até o arquivo de imagem com o texto e clique em Continue.
Se a imagem estiver na internet, na caixa Specigy a URL, cole ou digite o endereço e clique em Continue.

Siga as dicas do site: no texto, as letras não devem se tocar, devem estar o mais alinhadas possível, e ter uma altura de pelo menos 100 pixels, para melhores resultados. Além disso, o texto deve ter destaque; se estiver confundido em meio a outros elementos, talvez o sistema não consiga identificar letras. Textos com fundos coloridos ou letras decoradas também costumam não dar resultado.
Com a imagem carregada, será apresentado o resultado de letras que podem ter sido identificadas; como você vai notar, coisas estranhas podem acontecer, como elementos visuais confundidos como letras.
Embaixo da imagem de cada possível letra, confira se está certo, senão, digite o caractere correto. Se o programa colocar uma maiúscula ou minúscula no lugar errado, corrija também.
Note que o T maiúsculo foi identificado corretamente. Siga a revisão.

O programa identificou errado a letra r, colocando um F no lugar, então corrija.

Veja que na imagem do balão, o programa "pensou" haver uma letra t. Remova antes de continuar.

Quando concluir a revisão, clique em Continue. Rapidamente você terá uma lista das fontes mais próximas ao texto. Veja que, embora o primeiro resultado seja a fonte "Stymie Black", a mais parecida é a "Stymie SH-Bold". Você precisa conferir e comparar para ver qual mais se aproxima.

O programa não identificou a fonte verdadeira do texto (ChunkFive), mas indicou uma quase idêntica entre as que constam de seu banco de dados.
O que pode ser inconveniente é que geralmente são indicados resultados pagos, mas se a fonte original for identificada, ela será mostrada. Veja a ferramenta identificando a fonte no logo do Google (Catull):

De qualquer forma, é uma ferramenta excelente para ao menos saber que tipo de fonte procurar.
É isso, se restar dúvida, comente.
Mais na categoria Dicas













Olá Daniel,
Parabéns pelo artigo. Eu realmente não conhecia o WhatTheFont! e sempre tinha uma curiosidade em saber quais eram as fontes usadas no logo do Google e diversos outros logos conhecidos. Agora irei aproveitar para desfrutar desta ferramenta.
Abraços!
Oi, Bruna!
O WhatTheFont! é excelente mesmo para quem trabalha com web design; cedo ou tarde, a gente acaba usando.
Abraço!