Como funciona
1. Envie uma imagem — Arraste e solte ou clique para enviar qualquer imagem que contenha texto
2. Receba os resultados — Veja as Google Fonts mais parecidas, com pré-visualização ao vivo e código pronto para copiar
Por que criar um buscador de fontes do Google?
Quando o Google Fonts foi lançado, tinha só 19 fontes. Hoje são mais de 1900 famílias tipográficas. Encontrar a certa é praticamente impossível.
Além disso, como designer sem muito orçamento, eu uso praticamente só Google Fonts. Elas são gratuitas, fáceis de implementar e funcionam em qualquer lugar. Mas toda vez que eu pesquisava uma "alternativa do Google Fonts para _____", acabava caindo nos mesmos blogs de design e nas mesmas threads do Reddit, vendo as mesmas velhas sugestões. O que é irritante, porque existem muuuuitas famílias de fontes para escolher.
E se você usa os sites identificadores de fontes, deve ter percebido que eles identificam principalmente fontes premium e comerciais, que custam milhares de dólares para usar em um projeto web. Eu criei esta ferramenta para focar exclusivamente em fontes open source / gratuitas / Google Fonts.
Pra fechar: eu também adicionei recentemente um recurso de escolher qualquer fonte do Google no meu site TaperCraft, que serve para criar capas de CD, fita cassete, VHS, DVD e mais. E percebi que precisava de um jeito de identificar fontes do Google.
Lembra quando o What the Font era bom?
Quando o "What the Font?" surgiu, era incrível. Mas foi ficando cada vez pior.
Existem sites novos, mas eu acho a interface de todos os buscadores de fontes estressante. Então quis fazer algo agradável, com algumas melhorias. Tipo 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 download direto, um botão para copiar o nome da fonte e outros ajustes de qualidade de vida que os outros parecem não ter.
E se a fonte que você procura não existir como Google Font, este site vai encontrar várias que são parecidas o bastante. Então também é uma ótima ferramenta para encontrar Google Fonts similares. Eu fiz para mim mesmo, e foi super útil, então espero que seja útil para você também.
Dicas de mestre
- Use uma captura de tela limpa e nítida da fonte que você quer identificar. Imagens com ruído ou inclinadas pioram os resultados.
- Cole imagens diretamente com Cmd + V (ou Ctrl + V no PC).
- Você pode remover os anúncios virando apoiador e assinando (US$ 6/mês) no meu site TaperCraft de mídia física.
Mais uma dica super avançada se você usa Mac: aperte "Cmd + Shift + 4" e segure "control" enquanto seleciona uma área da tela para copiar a imagem para a área de transferência. Depois volte aqui e cole para identificar a fonte.
Perguntas frequentes
Como identifico uma fonte a partir de uma imagem? Envie uma captura de tela ou foto com o texto que você quer identificar. A ferramenta analisa a tipografia e mostra as fontes do Google Fonts mais parecidas, que você pode usar de graça.
Qual é o melhor identificador de fontes gratuito? A maioria dos identificadores de fontes sugere fontes premium pelas quais você teria que pagar. Esta ferramenta compara especificamente com as Google Fonts, então todos os resultados são gratuitos para usar nos seus projetos.
Como encontro uma Google Font parecida com outra fonte? Envie uma imagem da fonte que você gosta e receba uma lista de Google Fonts similares, ordenadas pelo grau de semelhança. Cada resultado inclui pré-visualização ao vivo e código pronto para 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 quanto comerciais. Sem taxas de licença e sem exigência de atribuição.
Como adiciono uma Google Font ao meu site? Cada resultado inclui um código de importação CSS que você pode copiar. Cole no seu arquivo de estilos e use a font-family no seu CSS. Ou clique em "Baixar fonte" para usá-la no seu próprio computador.
E se a fonte exata não estiver no Google Fonts? Muitas fontes são premium ou proprietárias. Esta ferramenta encontra as alternativas gratuitas mais próximas nas Google Fonts, com características parecidas de peso, estilo e proporções.
Como você identifica as fontes? Isto é IA? Mais ou menos. A IA é ótima para ler o texto e identificar as formas básicas das letras, mas péssima para combiná-las com fontes reais. Por isso eu a combino com um servidor de fontes que encontra as fontes mais parecidas. Leia mais sobre como isto funciona.
Oi, eu sou o Tex e estou criando um monte de projetos legais que você pode ver lá em texs.org! Fique à vontade para me mandar um e-mail ou me mandar uma DM: