Como verificar o tamanho e o rosto da fonte em um site
Se você gosta de design ou apenas gosta da aparência de um site específico, sabendo que tipo de fonte o site usa 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 este artigo mostrará algumas delas. 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 levar mais tempo do que deveria. Quando você identifica um bom, precisa descobrir o que é ali mesmo; caso contrário, você pode perdê-lo 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. Apenas lembre-se de que algumas fontes foram 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 para 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 os ativos da página. Abaixo, abordaremos 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 (Firefox), Inspecionar > (Chrome) ou F12 Ferramentas do desenvolvedor (Edge). Selecione Inspetor (Firefox) ou Computado (Chrome) nas novas janelas inferiores e role para baixo à direita até chegar a Fonte outamanho da fonte. Ele deve mostrar a família de fontes, a fonte específica usada, seu tamanho, sua cor e qualquer outra coisa que a página defina.
Diferentes CMS e diferentes designs da web 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 o tipo e o tamanho da fonte
Alguns terceiros add-ons funcionam como plugins 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.
WhatFont
WhatFont está disponível como um site ou um extensão do navegador. WhatFont é gratuito e muito simples. Veja o que fazer:
Localize a fonte que deseja investigar. Faça uma captura de tela de uma amostra (CMD+Shift+4 no Mac ou tecla Windows+Shift+S no PC). Em seguida, acesse o site do WhatFont.Clique para fazer upload da captura de tela do seu computador ou arraste a captura de tela e solte-a na caixa.
Selecione uma amostra da fonte. Em seguida, clique no ícone de seta azul.
Percorra a lista e encontre aquela que melhor corresponde à fonte desejada.
Junto com o nome da fonte, você também tem a opção de comprá-la se você ainda não o tem.
Dependendo de como o CMS está configurado ou como a página é projetada, isso será uma identificação de fonte simples ou uma caixa cheia fornecendo tamanho, cor, peso e assim por diante.
Fontanello
Não confundir com o jogador de futebol, Fontanello é uma ótima extensão de navegador gratuita que permite visualizar rápida e facilmente a fonte de um site. Embora atualmente esteja disponível apenas para Chrome e Firefox, vale a pena baixar essa extensão. Veja como usar o Fontanello:
Abra o Chrome e clique em”Adicionar ao Chrome”para instalar a extensão do navegador Fontanello.
Abra a página da Web com a fonte que deseja inspecionar. Destaque uma amostra do texto que você gosta.
Clique com o botão direito do mouse no texto destacado e clique em’Fontanello’
>
No menu pop-out que aparece, você verá os detalhes da fonte.
Fontanello faz isso rápido e fácil revelar os detalhes da fonte que você gostaria de usar.
Perguntas frequentes
Aqui estão mais algumas respostas para suas perguntas sobre fontes on-line.
Como posso saber qual fonte está em uma imagem?
Talvez você esteja interessado em uma determinada fonte, mas ela faz parte de uma imagem. Pode ser difícil determinar qual é essa fonte específica. A ferramenta mais útil para isso é o WhatFont. Seguindo as instruções acima, você pode fazer upload da imagem e revelar os detalhes da fonte.
Inspecionando sites
Existem muitos complementos do tipo bookmarklet que podem identificar fontes; WhatFont é apenas um deles. Você usa um? Este artigo o convenceu a experimentar um novo? Informe-nos abaixo.
Isenção de responsabilidade: Algumas páginas deste site podem incluir um link de afiliado. Isso não afeta nosso editorial de forma alguma.
