desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • ferramentas
  • downloads
  • mapa do blog
  • sobre

Identificador de fontes

26 de novembro de 2007 3 comentários

Neste artigo, indico um web site que tem um identificador de fonte e serve para saber qual fonte foi utilizada para compor uma imagem.

Estava eu elaborando um layout quando surgiu a necessidade de se aplicar uma fonte “diferente” ao projeto. Consultando meus arquivos, encontrei uma que poderia servir. Entretando, quem encomendou o projeto não se deu por satisfeito…

Entrou em um site, na minha frente, apontou o dedo para o monitor e disse algo mais ou menos como “Eu quero esta fonte!“.

Se o que o cliente escolheu não tem a ver com o design do site, como um todo, se é destoante, não combina ou, em último caso, feio - sim, porque tem cliente que tem péssimo gosto e ainda por cima acha que tudo que faz/escolhe é o melhor do mundo… -; felizmente, a fonte escolhida combinou e é bonitinha! :-)

O fato é que, pesquisando, encontrei o What The Font?!, aplicativo que identifica a fonte que foi utilizada em alguma imagem.

Um detalhe, pessoal, é que esse endereço URI que aparece no tutorial é do meu antigo blog, já que este artigo sobre identificador de fontes foi originalmente publicado lá. Com isso em mente, continuemos!

É bem simples de mexer. Basta fazer upload da imagem que quiser ou indicar a URL.

screenshot da tela de upload

Vou utilizar esta imagem para o teste:

imagem para testes: tarciozemel.asciijf.com

Depois, você dá uma ajudinha para o software, identificando algumas das letras para que ele identifique direitinho a fonte.

screenshot da tela que é preciso identificar algumas letras

Para finalizar, ele apresenta uma tela com os possíveis resultados da identificação da fonte e uma prévia do texto - um pouco maluco… - com cada uma aplicada.

screenshot da tela com o resultado da identificação da fonte

Percebam que cada indicação da fonte é um link; é possível, clicando em cada um, ir a um web site para comprar a fonte… Isso é “marketing! Indo a bons sites de fontes grátis, é possível encontrar a maioria.

Eu testei diversas fontes no What The Font?!, para testá-lo; posso dizer, com base nas fontes que utilizei, que a taxa de acerto foi de, mais ou menos, 80%. Na imagem de teste deste artigo, por exemplo, o primeiro resultado já é o certo: Monotype Corsiva.

Pessoalmente, considero o sistema muito bom e muito útil! Antes de encontrar o site, eu mesmo passei por 2 ou 3 perrengues por não saber qual foi determinada fonte utilizada em uma composição. Por essas e outras, indico o What The Font?! e faço votos de que seja bastante útil!

visitar o What The Font?!

Referências Nacionais

Sofontes
Site brasuca que disponibiliza diversas fontes para download.

Fontes True Type
O diferencial deste é que você escolhe com qual letra começa o nome de sua fonte e uma respectiva lista é apresentada.

Referências Internacionais

Todos os sites indicados aqui são para baixar fontes.

Abstract Fonts

dafont.com

FontFace.com

Fawnt

  • DiHITT
  • Linkk
  • Do Melhor
  • Rec6
  • WebSapiens
  • StumbleUpon
  • BlogBlogs
Categorias
design, indicações
Comentários RSS
Comentários RSS
Trackback
Trackback

BuscaPé, líder em comparação de preços na América Latina

Artigos relacionados a "Identificador de fontes"

  • CSS mínimo
  • Redimensionar e fazer montagens em imagens com o rsizr
  • Revisão de formatos de imagem para web
  • Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia
  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • Guia do Ilustrador
  • Como tirar screenshot de um web site inteiro e obter uma imagem completa
  • Como pegar parte do conteúdo (dados) de outro site com PHP
  • WP-Syntax: destacar códigos fonte em artigos de blogs Wordpress
  • Operator para Firefox e microformatos

3 comentários em "Identificador de fontes"

Alanna (27/11/2007)

Ótima dica!

Também testei e adorei!

Já está nos meus favoritos.. ;-)

[]s

valeria (7/07/2008)

Não gostei do site, todas as fontes que testei la, ele so dar outras que não tem nada haver, testei até com fontes que tenho, horrivel

Tárcio Zemel (7/07/2008)

@ valeria
Estranho você não ter conseguido; eu, mesmo, por diversas vezes, precisei de saber sobre uma fonte e o software acertou!

Tente enviar imagens com pouco texto, 4 ou 6 palavras, por exemplo, para ver se a identificação fica melhor. Depois diga se funcionou dessa maneira, pode ser?

Abraços!

Deixar um comentário

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Baixar ícones de alta definição e qualidade
  • Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • Classe PHP para conexão com banco de dados MySQL
  • Como pegar parte do conteúdo (dados) de outro site com PHP

Categorias

  • (x)html (4)
  • acessibilidade (4)
  • blogs (4)
  • css (15)
  • design (28)
  • firefox (4)
  • indicações (50)
  • javascript (4)
  • jquery (8)
  • microformatos (1)
  • miscelânea (20)
  • php (7)
  • séries (8)
  • seo (8)
  • usabilidade (6)
  • vida (4)
  • wordpress (15)

Eu indico

  • blosque.com
  • Fique Rico Online
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

CSS float: considerações, dicas e macetes para bons layouts na web

WP-Syntax: destacar códigos fonte em artigos de blogs Wordpress

Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores

Wordpress Love, para quem ama blogar

Últimos Comentários

Paulo Faustino: Oi Tárcio. Agora só falta liberar um template customizado para futura edição de campanhas (...)

Tárcio Zemel: @ Leo Oi, tudo bem? Obrigado pelas dicas e comentários a respeito desta classe! Como (...)

Leo: Olá, Tarcio! Essa classe pode ser melhorada. Eu utilizo um método exclusivo para insert,update e delete (...)

Tárcio Zemel: @ bfms Muito obrigado pelas considerações, Bruno! Realmente foi minha intenção ajudar ao traduzir este (...)

bfms: Bom artigo :) Estou a par do assunto e trabalho neste tema. Achei que para (...)

Mais Comentados

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores (13)

As melhores práticas de SEO que você pode adotar em seu web site ou blog para melhorar o posicionamento nos mecanismos de busca (10)

CSS float: considerações, dicas e macetes para bons layouts na web (9)

Classe PHP para conexão com banco de dados MySQL (8)

desenvolvimento para web trata sobre desenvolvimento para web (padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais) e tem alguns direitos reservados.