Neste artigo, falaremos sobre como você pode baixar fontes de sites no navegador Chrome ou Edge usando as ferramentas do desenvolvedor . Tanto o Chrome quanto o Edge vêm com desenvolvedor da web integrado e ferramentas de autoria usadas para inspecionar sites diretamente no navegador. Você pode fazer muitas coisas com as Ferramentas do desenvolvedor. Por exemplo, ele permite que você identifique fontes em um site , pesquise no arquivo de origem , use um embelezador integrado, emule sensores e localização geográfica e muito mais.
Agora, você também pode baixar fontes de um site usando as Ferramentas do desenvolvedor . Para baixar uma fonte de um site, você precisará percorrer algumas opções e tentar um truque. Vamos verificar o procedimento em detalhes.
Baixe uma fonte de um site usando as Ferramentas do desenvolvedor do Chrome
Neste post, vamos mostrar a você as etapas para baixar uma fonte de um site no Google Chrome. Você pode usar as mesmas etapas para baixar uma fonte de site no navegador Microsoft Edge. Aqui estão as etapas para fazer isso:
- Inicie o Google Chrome.
- Vá para o site de onde deseja fazer download fontes.
- Abra as Ferramentas de desenvolvedor.
- Navegue até a guia Rede.
- Clique na opção Fonte e selecione uma fonte para baixar.
- Baixe o arquivo de fonte.
- Renomeie o arquivo baixado com a extensão de arquivo de fonte.
Deixe-nos verificar essas etapas em detalhes!
Em primeiro lugar, abra o Google Chrome e vá para o site de onde você precisa fazer o download de uma fonte. Em seguida, vá para o menu de três barras e clique na opção Mais ferramentas> Ferramentas do desenvolvedor . Como alternativa, você também pode pressionar a combinação de teclas Ctrl + Shift + I para abrir rapidamente o painel Ferramentas do desenvolvedor.
Agora, na seção aberta das Ferramentas do desenvolvedor, clique no botão de seta dupla e selecione e abra a guia Rede na barra de menu superior. Depois disso, recarregue o site em que você está.
Em seguida, clique em Fonte categoria e você verá uma lista das fontes incorporadas com os respectivos nomes das fontes presentes no site. Você pode selecionar uma fonte da lista e verá sua visualização no painel dedicado, conforme mostrado na imagem abaixo.
Agora, como identificar o formato da fonte? Bem, basta passar o mouse sobre a fonte e ver a extensão do arquivo no final. Consulte a captura de tela abaixo.
Depois disso, basta corrigir clique na fonte e depois no menu de contexto, clique na opção Copiar> Copiar resposta .
Em seguida, adicione uma nova guia em seu navegador Chrome e cole a resposta copiada na barra de endereço na guia e pressione o botão Enter. Ao fazer isso, um arquivo será baixado.
Now , vá para a pasta Downloads, onde t O arquivo de fonte acima é baixado. Agora você deve renomear este arquivo com a extensão do arquivo da fonte. Para isso, primeiro vá até a guia Exibir no Explorador de Arquivos e depois certifique-se de habilitar a opção Extensões de nome de arquivo . Agora, selecione o arquivo de fonte baixado e clique na opção Renomear . Adicione a extensão do arquivo de fonte identificada (por exemplo, .woff2 ) e pressione o botão Enter.
Voila, é assim que você baixa um arquivo de fonte de um site.
Desde Microsoft Edge agora é baseado no Chromium , como o Chrome, você pode baixar um arquivo de fonte no navegador Edge seguindo as mesmas etapas acima.
Espero que sim artigo ajudou você a aprender como fazer download de fontes de um site no navegador Chrome ou Edge usando Ferramentas do desenvolvedor.
DICA : Existem muitos mais dicas e truques das ferramentas de desenvolvimento do Chrome que você pode aprender.
Agora leia: Use Ferramentas de Desenvolvedor para limpar r Dados do site para um determinado site no Chrome ou Edge .