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

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



Com literalmente milhões de fontes por aí, encontrar aquela perfeita pode demorar mais do que deveria. Quando você encontra 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. Lembre-se de que algumas fontes foram protegidas por direitos autorais e não estão disponíveis para uso público.

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

Se você gosta de design ou apenas gosta da aparência de um determinado site, saber que tipo de fonte o site usa e qual é o tamanho pode ajudá-lo a imitá-lo ou usá-lo em seu próprio site. Existem várias maneiras de conseguir isso, e este artigo mostrará algumas delas. Se você quiser verificar o tipo e o tamanho da fonte em um site, continue lendo!

Verificando o tipo e o tamanho da fonte em um site

Existem algumas maneiras de verificar o tipo e o tamanho da fonte de qualquer site. O método mais fácil usa o próprio navegador, enquanto outros usam ferramentas de terceiros para identificar os recursos da página. Abaixo, abordaremos os dois tipos. Primeiro, vamos nos concentrar no método de navegador integrado.

  1. Clique com o botão direito do mouse na página que você gosta e selecione Inspecionar elemento (Raposa de fogo), Inspecionar (cromo) ou F12 Ferramentas de desenvolvimento (Borda).
      Menu da Web do Google Chrome
  2. Selecione inspetor (Firefox) ou calculado (Chrome) nas novas janelas inferiores e role para baixo à direita até chegar Fonte ou tamanho 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 definir.
      Ferramenta Inspetor do Chrome

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 provavelmente verá algumas maneiras diferentes de definir as fontes.

Ferramentas de terceiros para identificar o tipo e tamanho da fonte

Alguns complementos de terceiros 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.

como incorporar um vídeo do youtube em slides do Google

WhatFont

WhatFont está disponível como um site ou um extensão do navegador . O WhatFont é gratuito e muito direto. Veja o que fazer:

  1. Localize a fonte que você gostaria de investigar. Faça uma captura de tela de uma amostra ( CMD + Shift + 4 em um Mac ou Tecla do Windows + Shift + S em um PC). Em seguida, vá para o site WhatFont.
  2. Clique para carregar a captura de tela do seu computador ou arraste a captura de tela e solte-a na caixa.
  3. Selecione uma amostra da fonte. Em seguida, clique no ícone de seta azul .
  4. Percorra a lista e encontre aquela que melhor corresponde à fonte que você deseja.

Junto com o nome da fonte, você também tem a opção de comprá-la, caso ainda não a tenha.

Dependendo de como o CMS está configurado ou como a página foi projetada, será uma simples identificação de fonte ou uma caixa completa fornecendo tamanho, cor, peso e assim por diante.

Fontanelo

Não confundir com o jogador de futebol, Fontanelo é 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 esta extensão. Veja como usar o Fontanello:

como fazer os downloads do Steam ficarem mais rápidos
  1. Abrir cromada e vá para o Fonatanello página na Chrome Web Store.
  2. Clique Adicionar ao Chrome para instalar o Extensão do navegador Fontanello .

  3. Abra a página da Web com a fonte que você deseja inspecionar. Destaque uma amostra do texto que você gosta.

  4. Clique com o botão direito do mouse no texto realçado e clique em Fontanelo .

No menu pop-up que aparece, você verá os detalhes da fonte.

Fontanello torna 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 online.

Como faço para 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 carregar a imagem e revelar os detalhes da fonte.

Inspeção de sites

Se você não quiser usar as ferramentas de desenvolvedor do seu navegador para descobrir a fonte de um site, há muitos complementos do tipo bookmarklet que podem identificar as fontes; WhatFont é apenas um deles.

Você usa um? Este artigo o convenceu a experimentar um novo? Informe-nos abaixo.

Artigos Interessantes

Escolha Do Editor

Comandos Shell no Windows 8.1
Comandos Shell no Windows 8.1
Existem muitos comandos shell no Windows, que você pode acessar digitando shell: na caixa de diálogo 'Executar' ou no menu Iniciar / caixa de pesquisa da tela. Na maioria dos casos, esses comandos shell abrem alguma pasta do sistema ou miniaplicativo do painel de controle. Por exemplo, você pode acessar a pasta Inicializar rapidamente, se digitar o seguinte na caixa de diálogo Executar: shell: Inicializar Estes comandos
Opera 59: emblemas de notificação no ícone da barra de tarefas
Opera 59: emblemas de notificação no ícone da barra de tarefas
O Opera 59 é capaz de mostrar crachás de notificação para novas mensagens e eventos para os clientes de messenger integrados, incluindo WhatsApp, Telegram, Facebook. O novo recurso está disponível a partir da compilação 59.0.3206.0. No momento em que este livro foi escrito, o navegador Opera 59 para desktop estava disponível para usuários no fluxo de atualização do desenvolvedor. Recentemente, recebeu uma opção interessante de Crypto Wallet.
Alterar o modelo de nome de arquivo copiado no Windows 10
Alterar o modelo de nome de arquivo copiado no Windows 10
No Windows 10, é possível personalizar o modelo de nome de arquivo copiado e transformá-lo em outra string desejada.
Como limpar o histórico de pesquisa no Chrome
Como limpar o histórico de pesquisa no Chrome
O Google Chrome no Windows 10 e macOS oferece opções para excluir o histórico de navegação, cache, dados de login e cookies, mas o Google tem outro
Como Criar, Gerenciar e Sair de um Grupo no Telegram
Como Criar, Gerenciar e Sair de um Grupo no Telegram
Junto com o WhatsApp, o Telegram é o aplicativo de bate-papo do momento. Não sem polêmica, o aplicativo superou suas várias tempestades e agora é um aplicativo muito popular para bate-papo, compartilhamento de vídeos, adesivos e todo esse tipo de coisa. Hoje eu
Wolfenstein 2: The New Colossus data de lançamento e jogabilidade - Veja 10 minutos de filmagens de New Orleans
Wolfenstein 2: The New Colossus data de lançamento e jogabilidade - Veja 10 minutos de filmagens de New Orleans
Wolfenstein II: O Novo Colosso é maravilhosamente absurdo. Ele se deleita com o schlock como nenhum outro e, pelo que vimos até agora, consegue superar seu antecessor em quase todos os sentidos. Abaixo está um resumo de todas as informações
Telefones Google: uma olhada na linha Pixel
Telefones Google: uma olhada na linha Pixel
Visão geral dos telefones Google Pixel, desde o Pixel original até os mais recentes Google Pixel 6 e Pixel 6 Pro. Veja como os novos Pixels se comparam.