9 maneiras de identificar fontes de imagens e texto da Web + enviá-las para o seu Site

como identificar uma fonte. Você já teve esse momento de se apaixonar por algum design de site absolutamente Aleatório? São as imagens legais, ótimos layouts de texto, esquema de cores vencedor, mas o mais importante – fontes excelentes que literalmente fazem você querer roubá-las para seu próprio projeto.

Designers muitas vezes enfrentam o desafio de descobrir qual fonte foi usada em uma determinada imagem ou em um site. Olhar através de uma coleção inteira de fontes na esperança de encontrar uma correspondência não garante nenhum sucesso, para não dizer que leva horas do seu precioso tempo. E se a fonte não estiver lá?

quero dizer, você sempre pode pedir ajuda de web designers experientes, encontrar um fórum relevante ou procurar outra opção impressionante da coleção de fontes TemplateMonster. No que diz respeito aos Fóruns, prepare-se para esperar: talvez um dia, talvez várias semanas.

…Mas e se não houver tempo para esperar?

a boa notícia é que é mais fácil do que você pensa. Você pode procurar uma fonte por imagem usando sites especiais. Você pode até baixar uma extensão do navegador para melhor conveniência.

hoje, selecionei vários detectores de fonte gratuitos que você, como web designer, deveria conhecer. Selecionar a ferramenta de detecção de fontes é apenas o primeiro passo para enviá-la para o seu próprio site.

Continue lendo e eu vou dizer como é feito!

Passo 1-Encontre fontes de imagens usando ferramentas como:

o que é fonte

“o que é fonte” é o serviço mais popular para determinar a fonte de uma foto ou captura de tela. Tudo o que você precisa é fazer upload de uma imagem (ou especificar seu URL) e o software exibirá as opções mais semelhantes disponíveis para compra no MyFonts. De acordo com qual fonte são criadores, os requisitos para a imagem são:

• claramente texto horizontal
• carta de altura não inferior a 100 pixels
• letras não se tocam
• não mais do que 50 caracteres no total

Qual O tipo de Letra

WhatTheFont é outro recurso bem conhecido para a identificação de fontes como o seu antigo concorrente. À primeira vista, parece que as etapas do serviço são semelhantes, mas na verdade não é. Com o WhatTheFont, tudo é um pouco mais complicado: o resultado final depende diretamente da qualidade da sua imagem de fonte. A propósito, o software não otimiza a imagem automaticamente.

e embora comparado ao que é Fonte, este recurso tem uma coleção de fontes mais fraca, você ainda tem uma probabilidade maior de reconhecimento de fonte bem-sucedido. Afinal, há sempre um fórum temático do site para recorrer.

Font Squirrel

aparentemente, Font Squirrel funciona exatamente da mesma forma que os dois serviços anteriores: você carrega uma imagem, corta uma fonte e o software detecta possíveis opções de fonte correspondentes. Mas há algo que torna o Font Squirrel único. Em particular, a capacidade de girar imagens e identificar fontes incorporadas de uma forma não convencional. É um instrumento super útil quando as imagens apresentam fontes que não são colocadas na posição horizontal usual e você não encontrará esse recurso em nenhum outro lugar!

além disso, não se esqueça de olhar através das ofertas Font Squirrel oferecidas – alguns deles são realmente “quentes”, então não perca.

Matcherator

Matcherator é uma incrível fonte de reconhecimento de ferramenta, em termos de facilidade de uso. O site tem uma função conveniente de arrastar e soltar. Isso significa que você pode colocar uma imagem da fonte simplesmente arrastando-a para o site com o mouse. O programa certamente encontrará o que você precisa! Com esta ferramenta, você pode reconhecer todos os tipos de fontes (com e sem serifas) sem nenhum custo.

além dos serviços on-line acima, você pode considerar a instalação de uma das extensões do navegador. Eles ajudam você a reconhecer a fonte não apenas da imagem, mas também da inscrição. A melhor parte disso é que você não precisa abrir uma nova guia toda vez que precisar detectar uma fonte. Com a extensão ativada, o procedimento é apenas uma questão de vários segundos.

Fontface Ninja

FontFaceNinja é no momento um líder indiscutível. A extensão não só ajuda você a descobrir o título da fonte em um site (não da imagem), mas também lhe dá a chance de tentar escrever com esta fonte. Além disso, permite que você baixe a fonte que encontrou e gostou!

além da beleza e conveniência desta extensão, FontFaceNinja tem uma espécie de botão mágico (máscara) que oculta todos os anúncios da página, o que permite que você aproveite apenas as fontes. A extensão é totalmente gratuita e funciona com Chrome e Safari.

tipo de amostra

esta é outra extensão útil, infelizmente, apenas para usuários do Chrome. Ele funciona de forma semelhante à opção anterior, embora o Type Sample possa se orgulhar de alguns recursos exclusivos interessantes. A oportunidade de “brincar com fontes” em tempo real merece atenção especial. Ao clicar no bloco de texto destacado, você pode alterar o tamanho da fonte, olhar para o pangram, inserir seu próprio exemplo de texto e tentar vários outros truques indisponíveis com outros serviços.

entrando no Tipo de Amostra conta no Twitter, você pode criar sua própria coleção de fontes e/ou o olhar de outra pessoa.

WhatFont

Disponível para Chrome e Firefox, o WhatFont extensão não parece ser um super funcional do serviço, à primeira vista. Mas a verdade é que o serviço fornece aos usuários muitas informações sobre a fonte selecionada. WhatFont permite definir não apenas os blocos de fontes, mas também a altura da linha, estilo, tamanho, família de fontes, bem como seu código de cores atual.
finalmente, você pode visualizar todas as letras estilizadas com esta fonte e até mesmo baixar uma, Desde que tenha sido desenvolvida pelo Google.

Typ.io

Typ.io é uma escolha perfeita para maximalists recusando-se a fazer mais ações ou aqueles que simplesmente não se preocupam com os estilos de tipo de letra e códigos de cores. Depois de instalar a extensão, você verá o botão com a letra “T” no canto inferior do navegador. Se você clicar neste botão, ele exibirá os títulos de todas as fontes identificadas na página em uma coluna separada. Para descobrir onde a fonte está localizada, basta clicar em seu nome.

Fonte

Fonte é um ótimo plugin para identificar fontes em sites, usado por muitos profissionais de web designers. Para que funcione, você precisa adicionar um site aos favoritos e clicar nele. O cursor se tornará uma cruz, então quando você clicar na fonte, você verá uma janela com seu título, tamanho em pixels, peso e estilo. Para desligar o modo Fount – pressione-o novamente. A extensão funciona com navegadores como Safari, Chrome, Firefox e IE8 +.Etapa 2-Visualize sua fonte.

agora que você provavelmente encontrou aquela fonte impressionante que você viu em outro lugar, você precisa descobrir se essa fonte corresponderá ao estilo do seu site. “Você nunca saberá a menos que tente” – você já deve ter pensado nisso e estaria 100% correto. Mas baixar cada fonte amada para o seu site será um desperdício de dinheiro, certo?

a boa notícia é que, se você é um usuário do Chrome, pode obter uma visualização de qualquer fonte. A extensão Google Font Previewer permite testá-los em um site sem entrar no modo de edição. Você também pode’ estrelar ‘ as fontes que mais visualiza e marcá-las como favoritas em seu aplicativo.

Passo 3-Carregue a fonte personalizada para o seu site

então, você escolheu a fonte certa que está procurando há tanto tempo e agora é hora de implementar uma no seu próprio design de site. A abordagem mais comum para adicionar uma fonte personalizada a um site é usando a regra CSS FontFace.

1. baixe a fonte em um formato relevante (.ttf ou .otf)
2. Criar um WebFont Kit para cross-navegação usando o Webfont Gerador
3. enviar este kit para o seu site usando FTP ou o gerenciador de arquivos
4. Atualização de seu arquivo CSS
5. Utilizar o tipo de letra personalizado no seu CSS declarações

Se você tem um WordPress baseado no site, as coisas podem ficar ainda mais fácil com uma tipografia plugin – você não vai precisar mexer com o código mais. Ou você pode optar por adicionar essas fontes ao seu tema manualmente usando as funções.arquivo php.

Caligrafia brilhante

se você procura uma fonte moderna e suave, então é isso que você precisa. Inclui personagens impressionantes em estilo neon. É perfeito para projetar logotipos, pacotes ou outro material promocional. Você receberá um conjunto de 81 PSD (4000×4000 px) e arquivos PNG (2000×2000 px). Você pode facilmente combinar letras separadas para criar a palavra necessária. Além disso, essas letras são fáceis de personalizar – você pode mudar sua cor. Ele também vem com uma fonte Golden Bush (arquivos OTF e TTF, que você pode facilmente instalar e usar). É fornecido com uma textura de fundo escuro. No geral, é um atraente conjunto de letras em estilo neon de caligrafia. como identificar uma fonte

sabor âmbar

aqui está uma boa fonte de estilo vintage. É perfeito se você quiser promover algo. É ótimo usar quando você cria um logotipo, um menu ou um folheto. A fonte vintage também pode fazer seu design parecer luxuoso, especialmente se você usar um padrão agradável. Ele vem como arquivos de fontes OTF e TTF-você pode facilmente instalá-los e usá-los. Esta fonte vem com um arquivo EPS. É fornecido com um fundo de padrão sem costura. No geral, esta fonte vem com tudo que você precisa para criar algo impressionante. Observe que este arquivo inclui apenas caracteres latinos.

Fonte De Fumo

esta é outra fonte de aparência vintage que pode fazer seu design parecer incrível. É fácil de personalizar. Possui arquivos separados para a fonte e o efeito de volume texturizado, para que você possa alterar facilmente a cor. Portanto, você tem algumas opções de personalização. Ele vem como arquivos OTF, TTF e WOFF. Portanto, você pode instalá-lo facilmente e usá-lo. Todos os caracteres usam o formato EPS 10. É ótimo quando você deseja obter a aparência vintage ao projetar algo. Pode ser perfeito quando você cria um logotipo ou uma imagem para o seu site. Você também receberá um pôster Bônus.

Cadarços

se você precisa de uma fonte com estilo de caligrafia agradável, então este é o que você precisa. Esta fonte tem duas versões-com o efeito” cadarço ” e sem ela. O efeito “Cadarço” adiciona uma textura especial que adiciona algumas seções transparentes. Pode fazer seu projeto olhar mais interessante. A versão limpa não tem esse efeito, mas ainda parece incrível e limpa. Ele vem com 8 swashes, ligaduras e alternados para que você possa tornar seu design mais complexo e interessante. Ele vem como arquivos OTF e TTF, para que você possa instalá-lo e usá-lo facilmente. Contém apenas caracteres latinos. Como identificar uma fonte?

Rótulo De Uísque

esta é uma opção perfeita quando você procura uma fonte de estilo clássico. Pode ser ótimo usar quando você cria um pacote, uma etiqueta ou um logotipo. Isso fará com que seu design pareça de alta classe e luxuoso. Esta fonte vem em arquivos OTF e WOFF, para que você possa instalá-los e usá-los facilmente. Ele é fornecido com quatro EPS 10 arquivos que demonstram como ele pode ser usado. Os arquivos vetoriais incluem molduras decorativas, fitas e textura grunge. A fonte inclui números e pontuação. Se você procurar a fonte, isso pode fazer seu design se destacar – obtenha este agora. Como identificar uma fonte?

Agress

aqui está uma fonte moderna e agressiva que pode tornar seu design atraente. Esta fonte de estilo graffiti é perfeita quando você quer fazer seu design parecer fora do padrão e desafiador. É limpo e bem projetado. Esta fonte é fornecida como arquivos OTF e TTF que podem ser facilmente instalados e usados. Ele vem com imagens abstratas Bônus – seis arquivos PSD e JPG 6000×6000. É uma fonte multilíngue, então você não tem limites. Todos os personagens parecem dinâmicos, então eles tornam o design mais interessante e complexo. Portanto, se você quiser criar algo que as pessoas prestem atenção – essa fonte é a certa que você precisa. Como identificar uma fonte?

dentro da caixa

você está cansado de todas essas fontes de aparência padrão? Se você é, então esta fonte é para você. Parece incrível e tornará seu design conceitual e vívido. Esta fonte tem 2 estilos. Inclui personagens amplos que parecem modernos e conceituais. Existem também personagens finos que parecem muito elegantes e limpos. Vem como arquivos OTF e TTF. Eles são fáceis de usar. Além disso, é fornecido com arquivos de padrão. Os padrões podem ser personalizados para obter a aparência que você precisa. Inclui apenas caracteres latinos. Esta fonte pode ser ótima para tornar seu design um tanto futurista. como identificar uma fonte

Pin Up Font

se você é um artista, que cria ilustrações Pin Up, então esta fonte é exatamente o que você precisa ter. Combina perfeitamente com as mundialmente famosas ilustrações de estilo Pin-Up. Inclui dois estilos da fonte, para que você possa escolher o que mais gosta. Ele vem como formatos OTF e WOFF, para que possam ser facilmente instalados. É fornecido com vários swashes que você pode usar para tornar seu design mais interessante e dinâmico. A grande coisa é que esta fonte é fornecida com uma ilustração Pin-Up girl! Lembre-se de que inclui apenas letras. como identificar uma fonte

Megawatt

esta fonte caligráfica moderna agradável fará seu projeto olhar poderoso. Isso é ótimo se você precisar criar um logotipo, um pôster, uma imagem atraente, etc. Ele combina o estilo de caligrafia com alguns ângulos agudos. Essa combinação faz com que essa fonte pareça tão poderosa. Inclui algumas ligaduras. Ele vem como arquivos OTF e TTF. Como bônus, você receberá uma renderização 3D de alta qualidade de um amplificador de guitarra (a resolução deste arquivo PSD é 6000×4000 px. É uma fonte multilíngue (inclui caracteres da Europa Ocidental). No geral, se você deseja que seu design seja rock, essa fonte é a que você precisa. como identificar uma fonte

Augustine

aqui está uma fonte de script elegante e moderna. É super limpo e suave, por isso é perfeito para tornar o design elegante. Esta fonte é ótima quando você projeta convites, cartões de visita, menus, folhetos, cartazes, etc. Possui vários recursos, como conjuntos estilísticos, alternativas estilísticas, alternativas contextuais, ligaduras, etc. Ele vem com swashes, para que você possa adicionar toques especiais ao seu design e torná-lo complexo. É fornecido como arquivos OTF e TTF-você pode facilmente instalá-lo e usá-lo. Tem muitos glifos. Todos os caracteres são codificados em PUA – você pode acessá-los sem usar software adicional. É multilíngue, então você não tem limites. É muito limpo e fará seu projeto impressionante. como identificar uma fonte

fim da linha…

como identificar uma fonte? Às vezes, a melhor maneira de encontrar a fonte certa é procurar belos exemplos e coleções de fontes online. A pior coisa para designers Gráficos é ver uma fonte adorável e não saber como é chamada. Mas agora que você tem nove maneiras de identificar fontes, você poderá descobrir seus nomes em apenas alguns minutos … ou talvez até mais rápido!

P. S. talvez, você conhece algumas outras boas ferramentas de detecção de fontes que eu não mencionei. Deixe-me saber na seção de comentários!

Perguntas frequentes

Leia Também

TOP 100 Fontes Gratuitas para Designers

60 Livre & Prémio de tipos de Letra a Negrito para o Forte Manchetes

10 Tipografia Tendências para grudar em 2020

10 Fonte Apps Para Tipografia Viciados ou Como sair de Infinitas Fontes Labirinto