Inspecione tipos de letra em qualquer página
Passe o rato e clique no texto para ver tipo de letra, tamanho, peso, estilo e cor em tempo real—junto do elemento ou num painel lateral—sem abrir o DevTools.
what the font - font finder
Identifique o tipo de letra e a tipografia CSS de qualquer elemento numa página web—família, tamanho, peso, altura de linha, espaçamento entre letras, cor e contraste—e copie ou exporte o que precisar sem sair do separador.
Criado para tipografia em tempo real
Funcionalidades
Detalhes tipográficos que importam
Leia altura de linha, espaçamento entre letras, transformação, decoração e contraste (incluindo indicadores AAA/AA) num painel.
Copie CSS num clique
Copie a família do tipo de letra, a cor ou um excerto CSS pronto para o elemento inspecionado.
Edite estilos na página
Ajuste peso, tamanho, espaçamento, cor e mais no elemento em tempo real e repor quando terminar de explorar.
Todos os tipos de letra na página
Analise estilos de texto únicos na página e alterne entre eles ao auditar um design system.
Exportar e Google Fonts
Exporte tipografia como SCSS ou JSON, ou abra uma pesquisa no Google Fonts para a família encontrada.
Simples por conceção
Sobre nós
Uma extensão Chrome que revela tipografia em tempo real—tipo de letra, tamanho, peso, cor e contraste—para inspecionar, copiar e exportar tipos de letra de qualquer página web.
- —
- Total de utilização publicado
- —
- Contagem de avaliações verificadas
Chrome Web Store
Utilizadores sobre nós
Exemplos ilustrativos de feedback — as avaliações da Chrome Web Store substituirão estes quando estiverem ligadas.
★★★★★
“Consigo obter família, peso e cor hex de um site em tempo real sem abrir o DevTools.”
★★★★★
“Copiar CSS e contraste num painel é exatamente o que preciso durante auditorias.”
★★★★★
“Todos os tipos de letra na página ajudam-me a detetar tipografia inconsistente numa landing page rapidamente.”
Três passos rápidos
Como utilizar
-
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 rato e clique em qualquer texto na página.
-
Copie ou exporte
Copie CSS, exporte estilos, abra o Google Fonts ou navegue por todos os tipos de letra na página.
Respostas antes de instalar
Perguntas frequentes
Como identifico um tipo de letra num site?
Instale what the font - font finder, comece a inspecionar, passe o rato sobre o texto e clique para abrir o painel com família, tamanho, peso e cor.
Posso copiar o CSS do texto que vejo?
Sim. No painel pode copiar a família do tipo de letra, a cor ou um excerto CSS do elemento inspecionado.
Funciona em todas as páginas?
Funciona em separadores normais de sites. Páginas do sistema Chrome e alguns URL restritos não podem ser inspecionados.
Posso ver todos os tipos de letra usados numa página?
Use Todos os tipos de letra na página para listar estilos de texto visíveis únicos e abrir qualquer um no painel de detalhes.
Posso alterar o aspeto enquanto inspeciono?
Sim. Edite peso, tamanho, espaçamento, cor e estilos relacionados no elemento e repor para restaurar o original.
Onde abro o Google Fonts?
Quando a família parecer pesquisável, use a ação Google Fonts no painel para abrir uma consulta com esse nome.