Como verificar o tamanho e a face da fonte em um site

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!

sobre como construir uma base

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 foram protegidas por direitos autorais e não estão disponíveis para uso público.

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

1. Clique com o botão direito na página desejada e selecione Inspecionar elemento (Firefox), Inspecionar (Chrome) ou Ferramentas de desenvolvedor F12 (Edge).
2. Selecione Inspetor (Firefox) nas novas janelas inferiores e role para baixo à direita até chegar a 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 fontes 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 o 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.

como ler twitch chat durante o streaming

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é uma página da web que você goste, clique no bookmarklet e passe o mouse sobre a fonte que deseja identificar. Uma pequena caixa preta aparece sobre ele, informando a fonte.

como obter twitch stream key

À medida que foi atualizado, tornou-se 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.