• 26k
  • 9
Web Design \ 2 de janeiro de 2019

Como Identificar Fontes em Imagens e Fazer Upload para Seu Site

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 visualizar como aparecerão em seu site incrível, 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 (anteriormente conhecido como “WhatTheFont”) é muito fácil de usar. Você pode identificar fontes em imagens com esse site super simples. Primeiramente, faça upload da imagem que chamou sua atenção. Em seguida, recorte a seção cuja fonte deseja checar. O site identifica e separa automaticamente cada área detectada em sua image. Por fim, veja as fontes no resultado. Se quiser ir além, pode comprar qualquer fonte, por diferentes preços. É uma excelente opção, caso deseje ter as fontes, o que será útil se o objetivo for adicioná-las ao seu site no futuro. Mas chegaremos nesse ponto em seguida.
    • Principal recurso: Venda de fontes para usar em seu site.
    • Onde começar: MyFonts

MyFonts ferramenta para encontrar fontes em imagens

 

  • 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

FontSquirrel ferramenta para encontrar fontes em imagens

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

Receba o Blog do Wix
no conforto da sua casa!

Assine o Wix Blog e não perca nenhuma novidade!

Opa, esse não é um email válido.

e-mail já existe

Opa, esse não é um email válido.

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e o Wix!

Opa, esse não é um email válido.

e-mail já existe

Opa, esse não é um email válido.