você já encontrou a perfeita fonte para o seu site em um site diferente, uma imagem ou um blog, mas não sabia como encontrar o seu nome? Você veio ao lugar certo. Neste guia, mostraremos como identificar fontes de um site para ajudá-lo a encontrar a tipografia perfeita para o seu negócio.
por que é útil ver quais fontes um site usa?
se você está trabalhando na construção de seu site ou na criação de seu conteúdo on-line, você está sempre à procura de maneiras de melhorá-lo. Você pode fazer isso de várias maneiras. Os mais óbvios são usar um tema diferente, adicionar funcionalidades e fornecer melhor conteúdo. Mas há outras coisas não tão óbvias que você pode fazer para ter uma vantagem sobre seus concorrentes e tornar seu site único. A fonte é uma delas.
a fonte que você usa está em todo o seu site e pode não apenas melhorar a legibilidade, mas também a navegação geral. Se sua tipografia parece profissional e é fácil de ler, é mais provável que seus visitantes permaneçam em seu site. As fontes são frequentemente negligenciadas, mas podem ter um grande impacto.
mesmo que você possa adicionar fontes ao seu site, você pode querer usar tipografia que você não encontra através de formas tradicionais. A internet está cheia de sites com bela tipografia que você pode querer usar em seu site. No entanto, a parte difícil é identificar as fontes que esses sites usam. Não há nenhuma maneira fácil de encontrar uma fonte e mesmo se você é um especialista, há toneladas de diferenças minúsculas em cada fonte. Além disso, essas diferenças podem ser amplificadas por estilos de fonte e alterações CSS.
é por isso que neste post, mostraremos como usar diferentes ferramentas para descobrir quais fontes um site usa.
Como Identificar Fontes de um Site
Existem várias maneiras de identificar fontes em um site:
- Usando a Inspecionar Ferramenta
- Com Plugins
- FFFFallback
- Fonte
- Fontanello
- Qual o tipo de Letra
Alguns destes são mais difíceis de usar do que outros, e alguns podem exigir ferramentas externas e de extensões. Vamos dar uma olhada em todos esses métodos diferentes.
1) Identifique fontes usando a ferramenta inspecionar
a maneira mais básica de identificar fontes de um site é usar a ferramenta INSPECIONAR do navegador. Para isso, você terá que abrir as ferramentas de desenvolvedor do seu navegador. Geralmente, você pode fazer isso de algumas maneiras diferentes:
- Pressionar a tecla F12 ou Ctrl+Shift+I no seu browser
- Abrir no menu do navegador clique com o botão direito do mouse e, em seguida, indo para Inspecionar
- Abrir a Ferramenta do Desenvolvedor opções do menu do navegador e ir para Desenvolvedor Web
Quando você encontrar uma fonte que você gosta, clique com o botão direito do mouse sobre o texto que contém a fonte que você deseja identificar e clique em Inspecionar Elemento.
este elemento será destacado na ferramenta inspetor e você verá os estilos e layouts nas caixas ao lado do inspetor.
em seguida, clique na guia Computed e role para baixo para verificar o campo família de fontes. Este campo deve listar a fonte do site. Por exemplo, neste exemplo, a fonte é Roboto ou SF-Pro Display.
dessa forma, você pode identificar fontes em qualquer site usando a ferramenta Inspetor. No entanto, você pode encontrar sites onde não pode clicar com o botão direito do mouse ou acessar a ferramenta Inspetor porque eles não permitem. Se for esse o caso, há outra alternativa. Você também pode ver qual fonte o site usa com uma ferramenta dedicada.Vamos dar uma olhada em alguns dos melhores plugins que você pode usar para identificar fontes de um site.
2) identifique fontes usando ferramentas e plug-ins
se você não puder usar a ferramenta Inspetor em um site, identifique fontes usando ferramentas e plug-ins dedicados. Existem várias ferramentas por aí, portanto, para facilitar sua vida, listaremos as melhores e mostraremos como você pode usá-las para encontrar e reconhecer fontes usadas em sites diferentes.
2.1) FFFFallBack
FFFFallback é uma simples ferramenta bookmarklet que você pode usar para identificar fontes em qualquer site. E a melhor parte é que você não precisa instalar nada. Você simplesmente precisa salvar o bookmarklet na guia Favoritos e clicar em seu marcador em qualquer site para verificar as fontes. A ferramenta usa Javascript para escanear o CSS e identificar a tipografia, bem como seu estilo de fonte.
para usar esta ferramenta, você precisa abrir esta página. Em seguida, clique no botão FFFFALLBACK e arraste-o para a barra de Favoritos, conforme mostrado abaixo. Se a barra de favoritos não for mostrada no seu navegador, pressione Ctrl+Shift+B para ativá-la.
agora, abra um site onde deseja identificar fontes e clique no Bookmarklet que você acabou de salvar na barra de Favoritos. Ele deve mostrar a família de fontes e o estilo do site em uma nova coluna, conforme mostrado abaixo. Certifique-se de selecionar a fonte da Web como a opção na parte superior.
2.2) Fonte
Fonte é semelhante ao FFFFALLBACK, mas permite que você verifique as fontes de textos específicos bem. Dessa forma, você pode especificar quais textos deseja verificar as fontes.
para usar o Fount, acesse este site e salve o Bookmarklet de seu site arrastando-o para a guia Favoritos.
em seguida, abra qualquer site para o qual deseja verificar as fontes e clique no marcador Fount. Isso mudará seu cursor para um plus. Basta clicar em qualquer texto e ele mostrará a fonte identificada no canto superior direito da tela.
depois de conhecer a fonte desse texto, você pode clicar na caixa Fonte novamente para desativar o cursor e continuar navegando em sua página como de costume.
2.3) Fontanello
Se você preferir usar as extensões de navegador, Fontanello é a ferramenta perfeita para você identificar fontes de qualquer site. Basta instalar a extensão Fontanello no Chrome ou Firefox e ativá-la.
para identificar fontes em um site, basta clicar com o botão direito em qualquer texto e selecionar a opção Fontanello. O menu suspenso mostrará a família de fontes, bem como seu estilo e variantes.
2.4) Qual o tipo de Letra
Alternativamente, você pode usar o WhatFont extensão de forma semelhante. Primeiro, instale a extensão no Chrome ou no Firefox. Em seguida, clique no ícone da ferramenta WhatFont na barra de ferramentas do seu navegador e clique em qualquer texto para verificar sua fonte. O bom é que você pode selecionar texto diferente e ver qual tipografia eles usam simultaneamente.
depois de terminar, pressione Exit WhatFont para fechar os pop-ups da fonte e usar a página da Web como de costume.
Agora que vimos como identificar os tipos de letra do texto, você pode estar se perguntando se é possível fazer o mesmo a partir de imagens. A resposta é sim! Vamos ver como fazer isso.
como identificar fontes de uma imagem
além de descobrir fontes de texto, Você também pode identificar fontes de um site através das imagens. Para fazer isso, usaremos uma ferramenta online chamada WhatTheFont.
o que a fonte
esta ferramenta on-line permite fazer upload de qualquer imagem, analisa o texto da imagem e informa qual fonte está usando.
para fazer isso, vá para esta página e arraste ou carregue a imagem na ferramenta (verifique se ela está no formato JPG ou PNG.) Em seguida, defina a caixa de corte para o texto e a ferramenta mostrará a fonte certa do texto. Além disso, o WhatTheFont também fornece sites onde você pode comprar as fontes e até mesmo permite testar as fontes com seu texto personalizado.
desta forma, você pode verificar Fontes de imagens ou capturas de tela. Além disso, ele tem um aplicativo móvel que você pode usar para identificar fontes do seu celular também.
conclusão
ao todo, a fonte que você usa pode ter um grande impacto em seu site. Pode ajudá-lo a melhorar a legibilidade, a navegação geral e a manter seus visitantes por mais tempo. Clareza e legibilidade são aspectos importantes de qualquer site e quanto mais esforço você colocar nele, melhores serão os resultados que você terá.
neste guia, vimos diferentes maneiras de identificar fontes de um site:
- Usando o Navegador Inspecionar ferramenta
- Usando o Bookmarklet ferramentas
- Através de extensões do navegador
- Usando dedicada ferramentas on-line para identificar fontes de imagens
Depois de encontrar as fontes de direito, cabe a você escolher como adicioná-los ao seu site. Depois de escolher a tipografia que deseja usar, recomendamos que você dê uma olhada em nosso guia sobre como alterar a fonte no WordPress para mudar para sua nova fonte em nenhum momento.
Se você está procurando maneiras para melhorar a leitura e a navegação em seu site WordPress, você também pode ter um olhar para estes artigos:
- Como Adicionar Trilhas no WordPress
- Organizar WooCommerce produtos por marca
- Como adicionar um WordPress mega menu