Você já esteve em um site e perguntou: “ Que tipo de fonte é essa ?! " Eu tenho. E dependendo dos seus interesses e área de foco, você pode até fazer mais do que o usuário típico da Internet. Você pode passar horas pesquisando a fonte em seu mecanismo de pesquisa favorito ou usar WhatFont.
WhatFont é uma extensão do navegador e bookmarklet que você pode ativar uma vez que você está no site com a fonte em questão.
Sobre WhatFont e quem está por trás disso
Como eu disse 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 elas não são uma solução rápida e fácil, especialmente para alguém que pode estar curioso, mas não lida com fontes o tempo todo. O melhor de WhatFont é para os dois tipos de usuários.
WhatFont foi criado por Chengyin Liu, atualmente um estudante de graduação em Ciência da Computação. Ele tem vários projetos em andamento, aos quais ele se conecta em seu site pessoal. Um desses muitos projetos é o WhatFont.
A página WhatFont tem literalmente todas as informações necessárias, incluindo instruções sobre como usá-las. 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 o Chrome e o Safari, enquanto o bookmarklet funciona para o Firefox, Chrome, Safari, IE e Opera.
Agora, se você olhar 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 alguns poucos bookmarklets que não trabalhei em um navegador, então eu tentei no Opera e como você pode ver na imagem abaixo, funcionou bem.
Como usar WhatFont
Usar o WhatFont é realmente simples e dificilmente 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 na extensão.
Se você passar o mouse sobre a fonte desejada, apenas o tipo de fonte será exibido. Se você clicar na fonte, você obterá um pop-up com mais informações, como a 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 assim o desejar.
Você também pode perceber que pode clicar em várias fontes sem perder o pop-up anterior. Recurso simples, mas inteligente como muitas vezes você pode querer comparar fontes diferentes.
Observe também que, ao usar o WhatFont, você não poderá interagir completamente com a página, exceto para fins do WhatFont. Você pode sair rapidamente do WhatFont clicando no botão no canto superior direito.
Onde encontrar WhatFont
Até agora você provavelmente já descobriu onde conseguir WhatFont. A maneira mais direta de adquiri-lo é através do site, especialmente para o bookmarklet. Eu também recomendaria este método para baixar a extensão do Safari. Para o Chrome, você pode ir direto para a Chrome Web Store e fazer o mesmo.
Conclusão
Novamente, você nem sempre pode usar essa ferramenta, mas é conveniente tê-la quando quiser identificar uma fonte. E é especialmente bom para desenvolvedores e designers de sites.
O que você acha do WhatFont? Tentaste? Adoraríamos ouvir seu feedback.