Atualizado em: Agosto 2024
Imagine o seguinte: você está navegando na Internet, possivelmente vendo imagens com frases motivacionais no Pinterest ou Instagram, e se depara com uma fonte que desperta sua curiosidade. Apesar da qualidade da fonte, não é possível copiar o texto da foto, impedindo que você descubra que fonte é essa ou a implemente no seu web design.
É uma sensação parecida com ouvir no rádio uma música que gruda na sua cabeça, mas que você não sabe o nome. Felizmente, hoje existem ferramentas criadas justamente para descobrir fontes, afastando de vez essa sensação incômoda e ajudando você a trabalhar mais rápido.
Leitura bônus: o que é web design?
Neste artigo, reunimos algumas ferramentas capazes de identificar fontes para ajudar você na sua busca. Mostraremos como descobrir a fonte de uma imagem, visualizá-la no seu criador de site e fazer o seu upload para transformar o design dos seus sonhos em realidade.
Ferramentas para descobrir a fonte de imagens
1. MyFonts
O MyFonts (antigo 'WhatTheFont') é superintuitivo e fácil de usar. Para descobrir qual é a fonte, basta fazer o upload da imagem e selecionar a parte que contém a fonte. O site identifica e separa automaticamente cada área em que detecta a fonte e disponibiliza os resultados encontrados, permitindo que você escolha a fonte que prefere.
Se quiser dar um passo além, você também pode comprar qualquer uma das fontes por diferentes preços. Isso é ótimo se quiser tê-las para projetos futuros ou usá-las em seu site. Falaremos mais sobre isso depois.
2. WhatFont
A WhatFont talvez seja a ferramenta mais fácil de todas para descobrir fontes por meio de imagens. Isso porque o resultado final está a apenas um clique de distância. A ferramenta é uma extensão do Chrome, o que a torna muito mais flexível.
Para usá-la, basta clicar nela e passar o mouse sobre a imagem desejada para revelar a fonte. Você nem precisa baixar e salvar a imagem. E há um bônus: isso funciona não apenas para imagens, mas para páginas inteiras!
3. Font Squirrel
O Font Squirrel faz praticamente tudo que o MyFonts faz. Basta carregar uma imagem, cortar a fonte e descobrir os resultados. No entanto, seu principal diferencial é que você pode girar imagens para cortar fontes usadas em ângulos diferentes.
Essa funcionalidade é uma que você não encontra na maioria dos outros sites. Além disso, enquanto estiver no site, confira as várias ofertas de fontes: algumas delas não custam nada!
4. Adobe Fonts
A Adobe Fonts é uma ferramenta usada para identificar fontes de forma fácil e rápida. Basta fazer o upload de uma imagem e procurar a fonte desejada dentre os resultados semelhantes encontrados.
Faça o upload da imagem e selecione a fonte que deseja procurar na caixa de seleção. Clique em "Próximo passo" para exibir fontes semelhantes. Infelizmente, você não pode selecionar fontes japonesas na busca via imagem.
Qualquer fonte exibida nos resultados da busca pode ser selecionada e adicionada instantaneamente à sua nuvem da Adobe, facilitando o uso em seus projetos.
5. Adobe Capture
Quando se deparar com uma embalagem de produto estilosa, outdoor ou sinal, recomendamos usar o Adobe Capture (Apple | Android), que pode ser acessado pelo seu smartphone, para descobrir a fonte.
Crie uma conta da Adobe, tire uma foto da fonte usando a câmera do aplicativo e a Adobe encontrará sugestões de fontes semelhantes.
6. Font Matcherator
O Font Matcherator da Fontspring é uma ferramenta online poderosa criada para identificar fontes de imagens. Os usuários fazem o upload de uma imagem, e o Matcherator analisa o texto para encontrar fontes correspondentes na extensa biblioteca do Fontspring.
É excelente na detecção de glifos e recursos OpenType com alta precisão. A ferramenta é de uso gratuito, oferece suporte a vários estilos de fonte e fornece uma solução robusta para qualquer pessoa que precise combinar fontes para projetos de design.
Visualize sua fonte
Basicamente, as diversas ferramentas usadas para identificar fontes oferecem uma alternativa rápida e fácil de encontrar uma fonte que você adora. Então, o que vem a seguir? Você pode admirar sua fonte o quanto quiser, mas não saberá como ela será exibida no seu site até experimentá-la. Então, antes de baixar a fonte escolhida e trocar a antiga no editor do seu site, é importante visualizá-la.
O Google Font Previewer para o Chrome é perfeito para isso. A ferramenta é uma extensão que permite testar a aparência de diferentes fontes em um site sem entrar em nenhum modo de edição ou back office. Com apenas a URL e a extensão, você pode visualizar qualquer fonte disponível na ferramenta. Além disso, você pode “favoritar” as fontes que usa com frequência no seu aplicativo. Se estiver à procura de uma solução rápida, essa é uma ótima opção. Agora que você já conferiu várias versões diferentes e escolheu a fonte certa, continue lendo para descobrir como introduzir sua fonte ao seu novo lar: o seu site.
Quando você está criando um design, é impossível lembrar de todas as fontes que baixou no seu computador e é comum se baixar a mesma fonte mais de uma vez. A Wordmark pode ajudar a resolver esse problema. A ferramenta mostra todas as fontes que você baixou no seu computador e permite que você insira um texto de exemplo.
Confira: as melhores fontes para sites.
Faça o upload da fonte escolhida
Se chegou até aqui, você provavelmente já escolheu a fonte ideal para dar uma repaginada no estilo do seu site, e, se você for um usuário Wix, o processo não poderia ser mais fácil. Dentro do Editor, em “Meus Uploads”, clique no botão “fontes” para carregar qualquer fonte que você tenha direito de uso (ou seja, uma fonte gratuita ou uma fonte que você já comprou).
Depois disso, você poderá incorporar qualquer fonte de sua escolha. Por fim, se quiser ver mais opções ou decidir usar várias fontes no seu site, você pode conferir diferentes técnicas de combinação de fontes aqui.
Leitura bônus: descubra por que a tipografia cinética entrou na nossa lista de tendências de design para ficar de olho.
Saiba mais sobre como criar um site com nosso guia extenso.