Propaganda
Você já esteve em um site e se perguntou “Que tipo de fonte é essa ?!" Eu tenho. E dependendo de seus interesses e área de foco, você pode até fazer isso mais do que um usuário comum da Internet. Você pode passar horas procurando a fonte em seu mecanismo de busca favorito ou pode usar o WhatFont.
WhatFont é uma extensão do navegador e um bookmarklet que você pode ativar quando estiver no site com a fonte em questão.
Sobre WhatFont e quem está por trás disso
Como afirmei anteriormente, WhatFont é uma ferramenta simples que você pode usar para descobrir o que é um tipo de fonte. Existem outras ferramentas para isso também, comumente usadas por desenvolvedores, mas não são uma solução rápida e fácil, especialmente para quem pode ser curioso, mas não lida com fontes tudo A Hora. A melhor coisa sobre WhatFont é que é para ambos os tipos de usuários.
WhatFont foi criado por Chengyin Liu, atualmente estudante de graduação em Ciência da Computação. Ele tem vários projetos em andamento, aos quais faz um link em seu site pessoal. Um desses muitos projetos é WhatFont.
A página WhatFont contém literalmente todas as informações de que você precisa, incluindo instruções sobre como usá-la. Alguns exemplos das informações fornecidas são um campo de teste, changelog e as informações de contato de Chengyin, o desenvolvedor.
Compatibilidade do navegador com WhatFont
Dependendo do seu navegador preferido, você pode usar WhatFont via extensão ou bookmarklet. A extensão está disponível apenas para Chrome e Safari, enquanto o bookmarklet funciona para Firefox, Chrome, Safari, IE e Opera.
Agora, se você olhar para a imagem acima, verá que ele não inclui o Opera na lista de navegadores em que o bookmarklet funciona. Honestamente, achei estranho porque encontrei poucos bookmarklets que não funcionavam em um navegador, então experimentei no Opera e, como você pode ver na imagem abaixo, funcionou bem.
Como usar o WhatFont
Usar o WhatFont é realmente simples e nem precisa de uma seção para explicá-lo. Depois de adquiri-lo, atualize todas as páginas da web já carregadas nas quais deseja usá-lo e clique no bookmarklet ou extensão.
Se você passar o mouse sobre a fonte desejada, apenas o tipo de fonte será exibido. Se você clicar na própria fonte, aparecerá uma janela pop-up com mais informações, como família da fonte, tamanho, altura da linha, cor e, às vezes, a origem da fonte.
Por exemplo, na imagem abaixo você pode ver que as fontes são do TypeKit. Você também pode twittar a fonte, se desejar.
Você também pode notar que pode clicar em várias fontes sem perder o pop-up anterior. Recurso simples, mas inteligente, pois muitas vezes você pode querer comparar fontes diferentes.
Observe também que, ao usar WhatFont, você não poderá interagir completamente com a página da web, exceto para fins de WhatFont. Você pode sair rapidamente do WhatFont clicando no botão no canto superior direito.
Onde encontrar WhatFont
A esta altura, você provavelmente já deve ter descoberto onde conseguir o WhatFont. A maneira mais direta de adquiri-lo é através do site, especialmente para o bookmarklet. Eu também recomendaria esse método para baixar a extensão do Safari. Para o Chrome, você pode ir direto para o Loja online do Chrome e obter dessa forma.
Conclusão
Novamente, você não pode sempre use esta ferramenta, mas é conveniente para quando você deseja identificar uma fonte. E é especialmente bom para desenvolvedores e designers de sites.
O que você acha de WhatFont? Tentaste? Adoraríamos ouvir seus comentários.
Aaron é graduado em Vet Assistant, com seus principais interesses em vida selvagem e tecnologia. Ele gosta de explorar o ar livre e a fotografia. Quando ele não está escrevendo ou entregando-se a descobertas tecnológicas nas interwebs, ele pode ser encontrado descendo a montanha em sua bicicleta. Leia mais sobre Aaron em seu site pessoal.