Quer você goste de design ou apenas goste da aparência de um site específico, saber que tipo de fonte o site está usando e qual é o tamanho pode ajudá-lo a emulá-la ou usá-la em seu próprio site. Existem várias maneiras de conseguir isso, e vou mostrar algumas delas aqui. Portanto, se você deseja verificar o tipo e o tamanho da fonte em um site, continue lendo!
Com literalmente milhões de fontes por aí, encontrar aquela perfeita pode levar mais tempo do que deveria. Quando você identifica um bom, precisa descobrir o que é ali mesmo, caso contrário, poderá perdê-lo para sempre. Se for particularmente bom, você pode usá-lo em seu próprio site, como uma fonte do Office ou dentro do Windows, dependendo do tipo de fonte. Lembre-se de que algumas fontes são protegidas por direitos autorais e não estão disponíveis para uso público.
Verificando o tipo e o tamanho da fonte em um site
Existem algumas maneiras de verificar o tipo e o tamanho da fonte em qualquer site. O método mais fácil usa o próprio navegador, enquanto outros usam ferramentas de terceiros para identificar ativos de página. Vou cobrir os dois tipos. Primeiro, vamos nos concentrar no método de navegador integrado.
- Clique com o botão direito na página que você gosta e selecione Inspecionar elemento (Raposa de fogo), Inspecionar (Chrome), ou F12Ferramentas de desenvolvimento (Beira).
- Selecione Inspetor (Firefox) ou Computado (Chrome) nas novas janelas inferiores e role para baixo à direita até chegar Fonte ou tamanho da fonte. Deve mostrar a família da fonte, a fonte específica usada, seu tamanho, sua cor e tudo o mais que a página definir.
Diferentes CMS e diferentes designs de web exibem suas informações de fonte de várias maneiras. Tente este método em algumas páginas da web e provavelmente verá algumas maneiras diferentes de definir as fontes.
Ferramentas de terceiros para identificar o tipo e tamanho da fonte
Existem alguns complementos de terceiros que funcionam como plug-ins ou como bookmarklets e podem identificar os tipos de fonte. Eles funcionam com a maioria dos navegadores, incluindo o Safari, então você deve encontrar algo com o qual possa trabalhar sem muitos problemas.
Firebug
O Firebug costumava ser uma ferramenta de depuração exclusiva do Firefox para desenvolvedores. Ele se tornou tão popular que agora é independente do navegador e funcionará com a maioria dos navegadores. É uma ferramenta incrivelmente versátil que pode verificar qualquer elemento de uma página da web, incluindo a fonte.
- Basta instalar o complemento normalmente, destacar algum texto na página, clicar na guia HTML no Firebug e clicar em ‘Computado’ à direita. O Firebug deve então destacar o nome da fonte, família da fonte, tamanho, peso e tudo que você precisa saber.
No entanto, lembre-se de que o Firebug foi descontinuado em 2017. Versões mais antigas ainda podem ser baixadas, mas não serão mais atualizadas, e o Firebug provavelmente perderá funcionalidade conforme os navegadores evoluem.
WhatFont
WhatFont é um bookmarklet que pode identificar fontes em páginas da web. Arraste o bookmarklet para a barra de favoritos e use-o para identificar quase todas as fontes, em qualquer lugar. É de uso gratuito e muito simples. Navegue até a página da web de sua preferência, clique no bookmarklet e passe o mouse sobre a fonte que deseja identificar. Uma pequena caixa preta aparece sobre ele, informando a fonte.
Conforme foi atualizado, tornou-se até compatível com complementos relacionados.
Novamente, dependendo de como o CMS está configurado ou de como a página foi projetada, isso será uma identificação de fonte simples ou uma caixa completa com tamanho, cor, peso e assim por diante.
Existem muitos complementos do tipo bookmarklet que podem identificar fontes; WhatFont é apenas um deles. Você usa um? Este artigo o convenceu a tentar um novo? Deixe-nos saber abaixo.