Como identificar fontes em imagens e fazer upload para seu site
Atualizado: 19 de mar.
Imagine que você está navegando pela internet – talvez olhando umas frases inspiradoras no Pinterest ou algumas imagens com texto no Instagram – e encontra uma fonte que desperta sua curiosidade. É como ouvir uma canção nova no rádio e não saber seu nome, você não sabe se conseguirá colocar suas mãos nesta tipografia novamente. No mundo em que vivemos atualmente, mimados pelos tecnológicos, é claro que não precisamos nos sentir mais assim.
Neste artigo, listamos algumas ferramentas de detecção de fontes em imagens, para despertar o Sherlock Holmes que existe dentro de você. Não apenas mostraremos onde encontrá-las, mas também visualizá-las durante o processo de criação de site, e em seguida como fazer o upload para transformar essa visão em realidade.
Passo 1: Use ferramentas para encontrar fontes em imagens
MyFonts: O MyFonts é muito fácil de usar. O WhatTheFont, uma funcionalidade integrada ao MyFonts, oferece a capacidade de identificar a fonte utilizada em uma imagem contendo texto. Basta acessar o WhatTheFont em myfonts.com, fazer o upload da imagem desejada, e, se necessário, selecionar o trecho específico com a fonte desejada, inclusive a opção de rotacionar a imagem. Principal recurso: Venda de fontes para usar em seu site. Onde começar: MyFonts
WhatFont: Esse é provavelmente o buscador de fontes mais fácil de usar. Basta um clique para descobrir as fontes usadas nos elementos visuais usando o WhatFont. É uma extensão do Google Chrome que, após a instalação, requer um único clique e passar o mouse sobre a imagem para revelar a fonte em questão. Você nem precisa fazer download da imagem para poder usar. E ainda tem um bônus: além das imagens, você pode usá-lo com página inteiras. Principal recurso: Encontrar fontes em sites, não apenas em imagens. Onde começar: WhatFont
Font Squirrel: Grande parte do que você faz no Font Squirrel também existe no MyFonts: fazer upload da imagem, cortar a fonte, e descobrir os resultados. O diferencial é a rotação das imagens, para poder cortar os textos posicionados de forma mais peculiar. Esse ferramenta é muito bacana, e não está disponível na maioria das ferramentas. Quando estiver no site, vale a pena dar uma olhada nas promoções de fontes, sempre há algo interessante por muito pouco! Principal recurso: Rotação de imagens para identificar fontes posicionadas de maneira não-convencional. Onde começar: Font Squirrel
Passo 2: Visualize sua fonte
Em resumo, todas as ferramentas de detecção de imagens chegam ao mesmo resultado final: uma fonte que você adora. Então, qual é o próximo passo? Você pode até admirar a forma como a fonte aparece na imagem, mas nunca sabe exatamente como se encaixará em seu site. Por isso, antes de fazer o download da fonte escolhida e substituir a fonte que já está usando no editor, é possível visualizar como ficará o site.
O Google Font Previewer for Chrome é perfeito para isso. É uma extensão que permite testar a visualização de diferentes fontes em um site, sem precisar alterá-lo. Com apenas o endereço (URL) e essa extensão, você pode visualizar qualquer fonte disponível na ferramenta. Além disso, se há fontes que você queira testar frequentemente, basta marcá-las com uma estrela, que funciona como os favoritos do app. Esta é a melhor solução em termos de velocidade. Após visualizar diferentes versões e escolher sua fonte, siga lendo para saber como dar as boas-vindas à fonte em sua nova casa.
Passo 3: Faça upload da fonte escolhida para seu site
Se você chegou até aqui, já deve ter escolhido a fonte que mais te inspirou e agora está pronto para adicionar todo esse glamour ao seu site. Como usuário Wix, o seu processo é o mais simples possível. No Editor, na aba “Meus Uploads”, clique em “Fontes” para fazer o upload de qualquer tipografia para a qual possua os direitos (ou seja: uma fonte grátis ou uma fonte que você já tenha comprado). Em seguida, você já pode adicionar a fonte ao seu site. Se quiser adotar um estilo mais ousado, usando mais de uma fonte ao site, leia mais sobre as técnicas de pareamento de fontes aqui.
Pronto para exibir suas melhores fontes? Crie um site com Wix e faço upload de suas próprias fontes!
Por Equipe Wix
