Qual fonte

A deteção de fontes é um inspetor visual rápido para cores, espaçamento e contraste. Funciona em qualquer site, abre num painel compacto e lembra-se de um tamanho seguro. Pode fechar o leitor de font extension clicando na cruz na janela ou clicando no ícone.

🔥 Destaques Principais

⭐ Presets de cópia CSS limpos: Todos, localizador de fontes, tipografia, cores.
⭐️ Inspeção ao vivo na página com passar o rato e clicar em qualquer elemento.
⭐️ Distintivos Web/Local da aplicação qual fonte Chrome renderizada.
⭐️ Elementos guardados para referências tipográficas e componentes.

📌 Como Funciona

Passe o rato ou clique para bloquear um elemento; o painel mostra o seletor, Copiar CSS. O modo melhorado no localizador de fontes informa se o acesso está bloqueado. Precisa de descarregar sempre que iniciar a extensão, mas não precisa de dar permissão ao navegador novamente no qual fonte do site.

⚡️ Ações Principais

1. Passe o rato para pré-visualizar.
2. Clique para bloquear a seleção.
3. Copie CSS limpo.
4. Mude o qual fonte.
5. Guarde qualquer elemento.
6. Alterne a tipografia.

🪐 Exibição & Janela

Mostre ou esconda as secções de tipografia, cor e espaçamento para manter a interface mínima. A janela da extensão qual fonte Chrome adapta-se ao seu ecrã, começa na aba de elementos e não se abrirá minimizada.

📚 Presets de Cópia

- Todos os dados CSS para um bloco de estilo completo.
- Tipografia para conjuntos de texto prontos para layout.
- Cores para palete com extensões de fonte.

🧩 Detalhes de Tipografia

Família e pilha, peso com nomes legíveis, tamanho, altura da linha, espaçamento de letras/palavras, estilo, variante, além de botões de cópia rápida de peso. A extensão localizador de fontes Chrome é agrupada para que veja o essencial sem desordem.

🎯 Vantagens Extras

1️⃣ Carregamento rápido de informações locais baseadas em domínio num domínio permitido.
2️⃣ Seletor de tamanho de fonte com limites seguros da extensão qual fonte Chrome redimensionamento fora da tela.
3️⃣ Itens guardados duplicados são estritamente prevenidos para manter a limpeza.

💡 Quem Beneficia

Desenvolvedores front-end podem encontrar fontes no site, considerando os desenvolvedores que verificam dados renderizados e espaçamento; designers UI/UX a auditar tipografia, cores e contraste; equipas de QA/acessibilidade a verificar rapidamente os níveis WCAG. Também é um localizador para equipas que partilham dados para sistemas de design consistentes.

🚀 Vantagens Rápidas

➤ Dados CSS limpos.
➤ Inspeção rápida.
➤ Um extrator de fontes.
➤ Pronto para contraste.
➤ Referência Web guardada.
➤ Painel compacto.

🧶 Modo de Pausa

Interrompa temporariamente a seleção para que possa interagir livremente com a página e a ferramenta qual fonte da web não funcionará. Toque nele quando precisar de rolar, clicar ou ativar estados da interface sem perder o seu lugar—depois retome a inspeção em um único passo e poderá identificar a fonte no site.

🧷 Conteúdos do Item Recebido

• URL para a página web.
• Carimbo do nome do anfitrião.
• Um seletor de estilo de fonte.
• Tamanho e peso.
• Estilo + altura da linha.

🌟 Salvar Feedback

Quando faz algo no qual fonte para o site, o painel mostra pistas visuais claras: uma notificação de marca de verificação atualiza o contador guardado, ações de cópia acionam uma breve mensagem de cópia no ícone, e estados de acesso negado no qual fonte surgem com um aviso para que saiba exatamente o que corrigir antes de continuar.

🧠 Perguntas Frequentes

Q: Preciso ter o DevTools aberto?
A: Não, tudo está no painel flutuante.

Q: Isso vai deixar a minha página lenta?
A: A extensão qual fonte Chrome está bem otimizada.

Q: Funciona em todo o lado?
A: Sim. O modo melhorado precisa de HTTPS para descarregar dados locais.

🔎 Pausa vs Ativo

Quando o inspetor está ativo, o localizador de fontes do site captura o seu cursor para destacar elementos, por isso cliques e passagens de rato na página são interceptados. Ative a pausa e a extensão “afasta-se”: pode clicar em botões e interagir com a página normalmente. Pronto para usar o seletor de família de fontes novamente? Desative a pausa e continue.

🧰 Controlo da Janela

◆ Arraste para reposicionar o painel.
◆ Redimensione as bordas para se ajustar à sua vista.
◆ Um qual fonte lembra-se do tamanho.
◆ Adapte-se ao seu ecrã atual.
◆ Maximize para uma visualização grande segura.

📝 Comparação com Outras Ferramentas

Ao contrário da extensão whats font, que principalmente reporta o nome da família declarada, a nossa ferramenta revela a fonte renderizada real, oferece presets de cópia CSS limpos com um clique e guarda instantâneas completas de elementos. Diferente da extensão whatfont, também pode carregar presets locais para precisão e manter uma lista.

☘️ Começando

1️⃣ Comece a usar o descarregamento do qual fonte do site, clique no ícone, passe o rato ou clique num elemento.
2️⃣ Explore a informação na janela escondendo secções com dados que não precisa agora.
3️⃣ Defina o modo de pausa quando precisar de mudar algo sem bloquear a extensão.

❤️ Palavras Finais

Tentámos realmente fazer uma ótima extensão de seletor e estamos sempre abertos ao seu feedback para melhorias futuras. Instale e desfrute de um uso confortável.