What the G$*g!€ Font?! — Identifica Google Fonts a partir de uma imagem

Identifica tipos de letra do Google a partir de uma imagem.

Como funciona

1. Carrega uma imagem — Arrasta e larga ou clica para carregares qualquer imagem que contenha texto

2. Recebe as correspondências — Vê as Google Fonts mais parecidas, com pré-visualizações ao vivo e código pronto a copiar

Porquê criar um localizador de tipos de letra do Google?

Quando o Google Fonts foi lançado, só tinha 19 tipos de letra. Hoje tem mais de 1900 famílias tipográficas. Encontrar o certo é praticamente impossível.

Além disso, como designer com pouco orçamento, uso praticamente só Google Fonts. São gratuitos, fáceis de implementar e funcionam em todo o lado. Mas sempre que procurava uma "alternativa do Google Fonts a _____", acabava a percorrer os mesmos blogues de design e as mesmas threads do Reddit, a ver as sugestões do costume. O que é irritante, porque há taaaantas famílias de tipos de letra por onde escolher.

E se usas os sites de identificação de tipos de letra, talvez tenhas reparado que identificam sobretudo fontes premium e comerciais, que custam milhares de dólares para usar num projeto web. Criei isto para me focar exclusivamente em tipos de letra open source / gratuitos / Google Fonts.

Por fim, também adicionei há pouco tempo uma funcionalidade de escolher qualquer tipo de letra do Google no meu site TaperCraft, que serve para criar capas de CD, cassetes, VHS, DVD e muito mais. E percebi que precisava de uma forma de identificar tipos de letra do Google.

Lembras-te de quando o What the Font era bom?

Quando o "What the Font?" apareceu, era espetacular. Mas tem vindo a piorar cada vez mais.

Há sites novos, mas acho as interfaces de todos os localizadores de tipos de letra stressantes. Por isso quis fazer algo agradável, com algumas melhorias. Como poder colar imagens da área de transferência, carregamento mais rápido e mais resultados. Além disso, cada resultado tem um botão de transferência direta, um botão para copiar o nome do tipo de letra e outros pequenos mimos que os outros parecem não ter.

E se o tipo de letra que procuras não existir como Google Font, este site encontra vários suficientemente parecidos. Por isso também é uma ótima ferramenta para encontrares Google Fonts semelhantes. Fi-lo para mim, e foi-me super útil, por isso espero que também te seja útil a ti.

Dicas de profissional

  • Usa uma captura de ecrã limpa e nítida do tipo de letra que estás a tentar identificar. Imagens com ruído ou inclinadas pioram os resultados.
  • Cola imagens diretamente com Cmd + V (ou Ctrl + V no PC).
  • Podes remover os anúncios ao tornares-te mecenas e subscreveres (6 $/mês) no meu site TaperCraft para suportes físicos.

Mais uma dica super profissional se usas Mac: podes premir "Cmd + Shift + 4" e depois manter o "control" premido enquanto selecionas uma área do ecrã para copiares uma imagem para a área de transferência. Depois volta a este site e cola-a para identificares o tipo de letra.

Perguntas frequentes

Como identifico um tipo de letra a partir de uma imagem? Carrega uma captura de ecrã ou fotografia com o texto que queres identificar. A ferramenta analisa a tipografia e mostra-te os tipos de letra do Google Fonts mais parecidos, que podes usar gratuitamente.

Qual é o melhor identificador de tipos de letra gratuito? A maioria dos identificadores sugere fontes premium que terias de pagar. Esta ferramenta compara especificamente com as Google Fonts, por isso todos os resultados são de utilização gratuita nos teus projetos.

Como encontro uma Google Font parecida com outro tipo de letra? Carrega uma imagem do tipo de letra de que gostas e recebes uma lista de Google Fonts semelhantes, ordenadas pelo grau de correspondência. Cada resultado inclui uma pré-visualização ao vivo e código pronto a copiar.

As Google Fonts são gratuitas para uso comercial? Sim. Todas as Google Fonts são de código aberto e gratuitas tanto para projetos pessoais como comerciais. Sem custos de licenciamento e sem atribuição obrigatória.

Como adiciono uma Google Font ao meu site? Cada resultado inclui um código de importação CSS que podes copiar. Cola-o na tua folha de estilos e usa depois a font-family no teu CSS. Ou podes "Transferir tipo de letra" para trabalhares com ele no teu próprio computador.

E se o tipo de letra exato não estiver no Google Fonts? Muitos tipos de letra são premium ou proprietários. Esta ferramenta encontra as alternativas gratuitas mais próximas nas Google Fonts, com características semelhantes de peso, estilo e proporções.

Como identificas as fontes? Isto é IA? Mais ou menos. A IA é ótima a ler o texto e a identificar as formas básicas das letras, mas péssima a associá-las a fontes reais. Por isso combino-a com um servidor de fontes que encontra as fontes mais parecidas. Lê mais sobre como isto funciona.

Olá, sou o Tex e ando a fazer uma data de projetos giros que podes ver em texs.org! Estás à vontade para me enviares um e-mail ou mandares-me uma DM: