Inspecione fontes em qualquer página
Passe o mouse e clique no texto para ver o tipo de letra, o tamanho, a espessura, o estilo e a cor em tempo real — próximo ao elemento ou em uma barra lateral — sem abrir o DevTools.
what the font - font finder
Identifique o tipo de letra e a tipografia CSS em qualquer elemento da página da web – família, tamanho, espessura, altura da linha, espaçamento entre letras, cor e contraste – e copie ou exporte o que você precisa sem sair da guia.
Construído para tipografia ao vivo
Características
Detalhes de tipografia que importam
Leia a altura da linha, espaçamento entre letras, transformação, decoração e contraste (incluindo dicas AAA/AA) em um painel.
Copie CSS com um clique
Copie a família da fonte, a cor ou um snippet CSS pronto para o elemento que você inspecionou.
Editar estilos na página
Ajuste o peso, o tamanho, o espaçamento, a cor e muito mais no elemento ativo e redefina quando terminar de explorar.
Todas as fontes da página
Digitalize estilos de texto exclusivos em toda a página e alterne entre eles ao auditar um sistema de design.
Exportar e Google Fonts
Exporte a tipografia como __SCSSLIT__ ou JSON ou abra uma pesquisa Google Fonts para a família que você encontrou.
Simples por design
Sobre nós
Uma extensão Chrome que revela tipografia ao vivo—fonte, tamanho, peso, cor e contraste—para inspecionar, copiar e exportar fontes de qualquer página.
- —
- Total de uso publicado
- —
- Contagem de avaliações verificadas
Chrome Web Store
Usuários sobre nós
Exemplos ilustrativos de feedback — avaliações da Chrome Web Store substituirão estes quando conectadas.
★★★★★
“Consigo pegar família, peso e cor hex de um site ao vivo sem abrir o DevTools.”
★★★★★
“Copiar CSS e contraste em um painel é exatamente o que preciso durante auditorias.”
★★★★★
“Todas as fontes na página me ajudam a detectar tipografia inconsistente em uma landing page rapidamente.”
Três etapas rápidas
Como usar
-
Instale a extensão
Adicione what the font - font finder na Chrome Web Store e fixe na barra de ferramentas.
-
Comece a inspecionar
Abra o popup, comece a inspecionar e passe o mouse e clique em qualquer texto na página.
-
Copie ou exporte
Copie CSS, exporte estilos, abra o Google Fonts ou navegue por todas as fontes na página.
Respostas antes de instalar
Perguntas frequentes
Como identifico uma fonte em um site?
Instale what the font - font finder, comece a inspecionar, passe o mouse sobre o texto e clique para abrir o painel com família, tamanho, peso e cor.
Posso copiar o CSS para o tipo que vejo?
Sim. No painel você pode copiar a família da fonte, a cor ou um snippet CSS para o elemento inspecionado.
Funciona em todas as páginas?
Funciona em guias normais de sites. As páginas do sistema Chrome e alguns URLs restritos não podem ser inspecionados.
Posso ver todas as fontes usadas em uma página?
Use Todas as fontes na página para listar estilos de texto visíveis exclusivos e abrir qualquer um deles no painel de detalhes.
Posso mudar a aparência durante a inspeção?
Sim. Edite a espessura, o tamanho, o espaçamento, a cor e os estilos relacionados no elemento e, em seguida, redefina para restaurar o original.
De onde eu abro Google Fonts?
Quando a família parecer pesquisável, use a ação Google Fonts no painel para abrir uma consulta para esse nome.