Seja no design ou na aparência de um site específico, saber que tipo de fonte o site está usando e qual o tamanho dele pode ajudá-lo a emular ou usá-lo em seu próprio site. Existem várias maneiras de conseguir isso, e mostrarei algumas delas aqui. Portanto, se você quiser verificar o tipo e tamanho da fonte em um site, continue a ler!
Com literalmente milhões de fontes por aí, descobrir que uma perfeita pode levar mais tempo do que deveria. Quando você encontra uma boa, precisa descobrir o que está ali e, caso contrário, poderá perdê-la para sempre. Se for particularmente bom, você pode usá-lo em seu próprio site, como uma fonte do Office ou no 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 tamanho da fonte em um site
Existem algumas maneiras de verificar o tipo e 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 os ativos da página. Eu vou cobrir os dois tipos. Primeiro, vamos nos concentrar no método interno do navegador.
- Clique com o botão direito do mouse na página desejada e selecione Inspecionar elemento (Firefox), Inspecionar (Chrome) ou F12 Developer Tools (Borda).
- Selecione Inspetor (Firefox) nas novas janelas inferiores e role para baixo à direita até chegar a Fonte. Ele deve mostrar a família da fonte, a fonte específica usada, o tamanho, a cor e qualquer outra coisa que a página definir.
Diferentes CMS e diferentes designs da web exibem suas informações de fonte de várias maneiras. Experimente esse método em algumas páginas da web e você 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 tipos de fontes. Eles funcionam com a maioria dos navegadores, incluindo o Safari, portanto, 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. Tornou-se 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.
Apenas instale o complemento como faria normalmente, destaque algum texto na página, clique na guia HTML no Firebug e clique em 'Computado' à direita. O Firebug deve destacar o nome da fonte, sua família, tamanho, peso e tudo o que você precisa saber.
No entanto, lembre-se de que o Firebug foi descontinuado a partir de 2017. As versões mais antigas ainda podem ser baixadas, mas não serão mais atualizadas, e o Firebug provavelmente perderá a funcionalidade à medida que os navegadores evoluírem.
WhatFont
O 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 qualquer fonte, em qualquer lugar. É de uso gratuito e muito direto. Navegue até a página da web que você gosta, clique no bookmarklet e passe o mouse sobre a fonte que deseja identificar. Uma pequena caixa preta aparece sobre ela, informando a fonte.
Como foi atualizado, tornou-se compatível com os complementos relacionados.
Novamente, dependendo de como o CMS estiver configurado ou de como a página foi projetada, será uma identificação simples da fonte ou uma caixa completa com tamanho, cor, peso e assim por diante.
Existem muitos complementos do tipo bookmarklet que podem identificar fontes; O WhatFont é apenas um deles. Você usa um? Este artigo o convenceu a tentar um novo? Deixe-nos saber abaixo.