se você gosta de design ou apenas como a 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á-lo ou usá-lo em seu próprio site. Existem várias maneiras de conseguir isso, e vou mostrar alguns deles aqui. Portanto, se você quiser 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 demorar mais do que deveria. Quando você detectar um bom, você precisa descobrir o que é ali e, em seguida,, caso contrário, você poderia perdê-lo para sempre. Se for particularmente bom, você pode usá-lo em seu próprio site, como fonte do Office ou no Windows, dependendo do tipo de fonte. Apenas certifique-se de ter em mente que algumas fontes foram protegidas por direitos autorais e não estão disponíveis para uso público.
verificar 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 do mouse na página que você gosta da aparência e selecione Inspect Element (Firefox), Inspect (Chrome) ou F12 Developer Tools (Edge).
- selecione Inspector (Firefox) ou Computed (Chrome) nas novas janelas inferiores e role para baixo à direita até chegar à fonte ou ao tamanho da fonte. Ele deve mostrar a família de fontes, fonte específica usada, seu tamanho, sua cor e qualquer outra coisa que a página defina.
diferentes CMS e diferentes web designs exibem suas informações de fonte de várias maneiras. Experimente este método em algumas páginas da web e você provavelmente verá algumas maneiras diferentes de definir as fontes.
Ferramentas de terceiros para identificar tipo e tamanho de fonte
existem alguns complementos de terceiros que funcionam como plug-ins ou como bookmarklets e podem identificar 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
Firebug costumava ser uma ferramenta de depuração apenas para Firefox para desenvolvedores. Tornou-se tão popular que agora é agnóstico em 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 como faria normalmente, destacar algum texto na página, clique na guia HTML no Firebug e clique em Computed à direita. Firebug deve então destacar o nome da fonte, família de fontes, tamanho, peso e tudo o que você precisa saber.
no entanto, tenha em mente que o Firebug foi descontinuado a partir de 2017. 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 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 qualquer fonte, em qualquer lugar. É de uso gratuito e muito direto. Navegue até uma 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, Até foi compatível com complementos relacionados.
novamente, dependendo de como o CMS é configurado ou como a página é projetada, esta será uma identificação de fonte simples ou uma caixa completa que lhe dará tamanho, cor, peso e assim por diante.
Fontanello
Não deve ser confundido com o jogador de futebol, Fontanello é uma excelente extensão do navegador que permite que você rapidamente e facilmente visualizar a fonte de um site. Embora atualmente esteja disponível apenas para Chrome e Firefox, esta extensão vale o download.
inspecionar sites
existem muitos complementos do tipo bookmarklet que podem identificar fontes; WhatFont é apenas um deles. Você usa um? Este artigo convenceu você a experimentar um novo? Deixe-nos saber abaixo.