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

Publicidade:

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...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More