PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

07/08/2016

Como identificar fontes usadas em um website

Como identificar fontes usadas em um website - Visual Dicas

Identificando fontes de texto

Muitas vezes encontramos uma fonte bem legal em algum site específico e queremos utilizá-la no nosso blog. As vezes queremos identificar o tamanho, tipo ou simplesmente a cor de uma fonte para ser utilizarmos em nossos trabalhos.

Neste artigo vamos dar uma dica para você identificar fontes de texto em qualquer site. O aplicativo identificará o nome, tamanho, família e cor da fonte, além da altura da linha utilizada. Veja a seguir, como instalar e utilizar o aplicativo no Chrome ou Firefox.

Instalando o aplicativo no Chrome

Acesse o site: http://www.chengyinliu.com/whatfont.html

Como identificar fontes usadas em um website - Visual Dicas

Localize e clique no botão de instalação do aplicativo.

Como identificar fontes usadas em um website - Visual Dicas

Clique no botão [+ Usar no Chrome].

Como identificar fontes usadas em um website - Visual Dicas

Clique no botão [Adicionar extensão].

Como identificar fontes usadas em um website - Visual Dicas

Para rodar o aplicativo, clique no ícone que fica ao lado da barra de endereços.

Como identificar fontes usadas em um website - Visual Dicas

Instalando o aplicativo no Firefox

Acesse o site: http://www.chengyinliu.com/whatfont.html

Como identificar fontes usadas em um website - Visual Dicas

Encontre o botão WhatFont.

Como identificar fontes usadas em um website - Visual Dicas

Arraste o botão até a barra de favoritos para instalar o aplicativo.

Como identificar fontes usadas em um website - Visual Dicas

Após instalado, clique em [WhatFont] para rodar o aplicativo.

Como identificar fontes usadas em um website - Visual Dicas

Utilizando o aplicativo WhatFont

Após rodar o aplicativo, basta passar o mouse sobre o texto para identificar o nome da fonte utilizada…

Como identificar fontes usadas em um website - Visual Dicas

Se deseja saber mais, basta dar um clique com o mouse sobre o caractere que da fonte que você deseja identificar.

Como identificar fontes usadas em um website - Visual Dicas

Você então terá as identificações, conforme o nosso exemplo abaixo:

  • font: UOL TextBold;
  • font-weight: bold;
  • font-family: UOLTextBold, Arial, Helvetica, sans-serif.
  • font-size: 35px
  • line-height: 38px;
  • color: #1B8X66

Como identificar fontes usadas em um website - Visual Dicas

Para desativar o aplicativo, clique no botão [Exit whatFont] que aparece no canto superior direito da tela.

Como identificar fontes usadas em um website - Visual Dicas

Removendo o aplicativo do navegador

Se você não gostou do aplicativo, veja a seguir como removê-lo do seu navegador.

Chrome

Clique com o botão direito do mouse sobre o ícone do aplicativo. Selecione [Remover do Chrome].

Como identificar fontes usadas em um website - Visual Dicas

Firefox

Clique com o botão direito do mouse sobre o favorito WhatFont e selecione [Exlcuir].

Como identificar fontes usadas em um website - Visual Dicas

byALF

0 comentários:

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics