5 maneiras de Identificar Fontes em uma Página da Web

Publicado por Rob Esperança na Página de Destino Tutoriais, em 20 de Maio de 2018

Então, você está fazendo a sua coisa a navegação na web e se depara com o illest fonte de combinação, mas você não pode identificar o tipo de letra? Bem, neste vídeo (e lista round-up Abaixo) eu mostro exatamente como encontrar essas fontes …

Fontanello(Chrome + Firefox)

Fontanello Chrome e Firefox Extension, na minha opinião, é a maneira mais rápida de descobrir qual fonte uma página da Web está usando. Basta clicar com o botão direito do mouse no texto, Encontrar Fontanello no menu e pow há a família de fontes e alguns atributos adicionais.

WhatFont(Chrome e Safari)

WhatFont Chrome e Safari Extension é minha opção favorita quando se trata de descoberta de fontes. Para ativar a ferramenta, você deve clicar no ícone de fonte no menu do navegador. Agora você pode selecionar várias partes do texto, permitindo uma melhor visualização da divisão da fonte vs Fontanello.

Visual Inspector (Chrome)

Visual Inspector Chrome Extension oferece um pouco mais de profundidade do que os dois acima. Basta clicar no ícone do Inspetor Visual no menu do Chrome para ativar a ferramenta e, em seguida, ir para a seção tipografia no menu suspenso. Agora você é presenteado com as famílias de fontes usadas com uma análise adicional de toda a tipografia dentro da página da web.

Bom e velho Inspeção de Código (Todos os Navegadores)

Então, se você está tentando evitar a instalação de dezenas de extensões do navegador, podemos encontrar mais sobre as fontes utilizadas, através de um bom e velho inspeção de código:

Se você estiver usando o Google Chrome, clique com o direito sobre o mistério de texto, selecione Inspecionar. DevTools aparece, verifique se você está na guia Estilos e vá para os atributos da família de fontes para saber mais sobre as fontes.

se você estiver usando o Firefox, clique com o botão direito do mouse no texto, selecione Inspecionar elemento. Seu Inspetor aparece, agora vá para a guia Fontes convenientes para obter as informações necessárias.

se você estiver usando o Safari, verifique se o menu do desenvolvedor está visível marcando a caixa na parte inferior da guia Avançado das preferências do Safari. Agora clique com o botão direito do mouse no texto, selecione Inspecionar elemento. Abra a barra lateral detalhes se estiver fechada e selecione a opção Estilos computados. A seção Família de fontes apresentará as informações da fonte dentro dos atributos de estilo.

descubra fontes renomeadas(método avançado)

um obstáculo que podemos enfrentar é quando uma família de fontes não é claramente nomeada, naturalmente jogue fora ferramentas e métodos de inspeção de fontes. Começamos a missão de salvamento baixando a fonte.

existem várias maneiras de fazer isso, mas começo observando o nome da fonte atual. Agora abra a ferramenta Inspetor( estou usando o Google Chrome), vá para a guia aplicativo e role até a seção quadros e abra fontes. Precisamos combinar o nome do arquivo com o nome da fonte observado anteriormente. Agora abra essa fonte em uma nova guia para baixá-la. Finalmente, arrastamos esse arquivo de fonte para o incrível O Que minha fonte pode fazer? site e bam, as informações da fonte são apresentadas lindamente.

Muito amor,
Rob
Twitter: @robhope
LinkedIn: @robhope
Email:

Deixe uma resposta

O seu endereço de email não será publicado.