Whatfont: descobrir o que qualquer tipo de fonte é em uma página web [multi-plataforma]

Você já esteve em um site e se perguntou “Que tipo de fonte é isso ?!

" Eu tenho. E dependendo de seus interesses e área de foco, você pode até fazê-lo mais do que o usuário típico de Internet. Você poderia passar horas procurando a fonte no seu motor de busca favorito, ou você poderia 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 & 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 usado por desenvolvedores, mas eles não são uma solução rápida e fácil, especialmente para alguém que poderia ser curioso, mas não lida com fontes todos A Hora. A grande coisa sobre WhatFont é que é para ambos os tipos de usuários.

Video: WhatFont: informações sobre fontes usadas num site

WhatFont foi criado por Chengyin Liu, atualmente um estudante de Ciência da Computação graduação. Ele tem vários projectos em curso, que ele liga para em seu site pessoal. Um desses muitos projetos é WhatFont.

A página WhatFont tem literalmente todas as informações que você precisa, incluindo instruções sobre como usá-lo. Um par de 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 trabalha para Firefox, Chrome, Safari, IE e Opera.

Agora, se você olhar para a imagem acima, você vai ver que ele não inclui Opera na lista de navegadores que o bookmarklet trabalha em. Honestamente, eu pensei que era estranho, porque eu encontrei muito poucos bookmarklets que não têm trabalhou em um navegador, então eu tentei sair no Opera e como você pode ver na imagem abaixo, ele funcionou bem.

Video: Como Baixar Fonts (pagas) do MyFonts de Graça!

Como usar WhatFont

Usando WhatFont é realmente simples e nem sequer precisa de uma seção para explicar. Depois de ter adquirido, atualizar quaisquer páginas já carregados que pretende usá-lo em e clique no bookmarklet ou extensão.

Se você passa o mouse sobre a fonte desejada, apenas o tipo de fonte será exibida. Se você clicar na própria fonte, você receberá um pop-up com mais informações, como a fonte da família, o tamanho, a altura da linha, cor e, por vezes, a origem da fonte.

Por exemplo, na imagem abaixo você pode ver que as fontes são de Typekit. Você também pode tweet para fora a fonte, se assim desejar.

Você também pode perceber que você pode clicar em várias fontes sem perder o contexto anterior. recurso simples, mas inteligente como muitas vezes você pode querer comparar diferentes fontes.

Observe também que ao usar WhatFont, você não será capaz de interagir completamente com a página da web, exceto para fins WhatFont. Você pode rapidamente sair do WhatFont clicando no botão no canto superior direito.

Onde encontrar WhatFont

Até agora você provavelmente descobriu onde obter WhatFont. A maneira mais direta para adquiri-lo é através do site, especialmente para o bookmarklet. Também gostaria de recomendar este método para transferir a extensão Safari. Para Chrome, você pode cabeça direito à Web Store do Chrome e obtê-lo dessa forma.

Video: DESCUBRA AS FONTES COM "WHAT THE FONT?"

Conclusão

Mais uma vez, você não pode sempre usar essa ferramenta, mas é conveniente ter para aqueles momentos em que você gostaria de identificar uma fonte. E é especialmente agradável para desenvolvedores de sites e designers.

Video: AMP Font Viewer - Como usar e instalar este Gerenciador de Fontes de Letras

O que você acha de WhatFont? Tentaste? Gostaríamos muito de ouvir seus comentários.