Cole regras CSS ou JSON de estilos computados do navegador para detectar tamanhos de fonte em uma pagina. A ferramenta converte rem, em, porcentagem, pt e px em uma tabela de pixels e mostra line-height, peso e cor.
Este detector foi feito para auditorias reais. Cole CSS, estilos inline ou JSON copiado pelo snippet. Ele nao busca paginas privadas nem contorna seguranca; analisa estilos que voce ja pode inspecionar.
| Seletor | Tamanho | Px calculado | Line-height | Peso | Cor |
|---|
Abra o site que quer auditar e copie CSS, estilos inline ou valores computados no DevTools. Para dados da pagina real, use o snippet em uma pagina que voce pode inspecionar. Se comparar dispositivos, guarde uma amostra desktop e outra mobile para nao misturar regras de breakpoints diferentes.
A maioria dos sites usa raiz de 16px, mas alguns sistemas mudam isso. Ajuste a base para converter rem, em e porcentagens corretamente. Ao analisar paginas diferentes, use a raiz real de cada uma em vez de aplicar sempre um valor padrao.
Veja seletor, tamanho declarado, pixels calculados, line-height, peso e cor juntos para encontrar inconsistencias. Agrupe as amostras por secao e observe especialmente navegacao, botoes, cards e paragrafos longos, onde pequenas diferencas ficam mais visiveis.
Cole regras CSS ou JSON de estilos computados do navegador para detectar tamanhos de fonte em uma pagina. A ferramenta converte rem, em, porcentagem, pt e px em uma tabela de pixels e mostra line-height, peso e cor. Ela e util em redesigns, migracoes e revisoes responsivas: compare cabecalho, hero, cards, formularios e rodape sem depender de uma captura de tela. Assim voce cria uma escala tipografica clara para designers, desenvolvedores e equipes de conteudo.
Verifique se titulos, subtitulos, botoes, cards e textos de perguntas frequentes seguem uma escala consistente.
Handoffs misturam rem, em, porcentagem e px. Esta ferramenta coloca tudo em uma visao comparavel.
Cole amostras desktop e mobile separadas para comparar tamanhos entre breakpoints.
Line-height, peso e cor ajudam a explicar texto apertado, pesado ou com baixo contraste.
Este detector foi feito para auditorias reais. Cole CSS, estilos inline ou JSON copiado pelo snippet. Ele nao busca paginas privadas nem contorna seguranca; analisa estilos que voce ja pode inspecionar. Compare varias amostras antes de alterar uma regra global e anote o breakpoint ou a secao de cada amostra. Isso ajuda a separar diferencas causadas pela declaracao CSS, pela heranca ou pelo calculo final do navegador.
Este detector foi feito para auditorias reais. Cole CSS, estilos inline ou JSON copiado pelo snippet. Ele nao busca paginas privadas nem contorna seguranca; analisa estilos que voce ja pode inspecionar.
Melhor para: Verifique tamanho de fonte a partir de CSS ou navegador
Use a detecção de fontes por imagem quando o texto estiver em uma captura de tela, logotipo ou imagem rasterizada.
Melhor para: Identificar uma fonte a partir de uma imagem
O DevTools do navegador mostra os valores exatos de um elemento ativo, enquanto esta página ajuda a comparar várias amostras em uma tabela.
Melhor para: Inspecionar um único elemento em detalhe
Este detector foi feito para auditorias reais. Cole CSS, estilos inline ou JSON copiado pelo snippet. Ele nao busca paginas privadas nem contorna seguranca; analisa estilos que voce ja pode inspecionar. O detector ajuda quando o design system nao esta documentado ou quando varias equipes mexeram no mesmo site. Em vez de comparar elemento por elemento, voce pode colar amostras de header, hero, cards, formularios e footer para revisar tudo em uma tabela clara.
Cole regras CSS ou JSON de estilos computados do navegador para detectar tamanhos de fonte em uma pagina. A ferramenta converte rem, em, porcentagem, pt e px em uma tabela de pixels e mostra line-height, peso e cor. Em redesigns, a tabela facilita reconstruir uma pagina existente com menos duvidas. Voce captura os principais tamanhos, normaliza as unidades em pixels e cria uma referencia curta para designers, desenvolvedores e equipes de conteudo.
Use este fluxo quando a questão for o tamanho em CSS, e não apenas o nome da fonte. A conversão é transparente. O valor CSS original continua visível ao lado do px calculado, então fica mais fácil entender se a diferença vem do código, da base tipográfica ou de uma estimativa. Para maior precisão, cole JSON computed-style do navegador.
Inspecione o texto no navegador, copie CSS ou computed style e cole aqui. Para rem, em e porcentagens, anote tambem o tamanho raiz ou do elemento pai, pois esse contexto muda a conversao.
Nao. Uma ferramenta estatica nao pode contornar CORS, paginas privadas ou seguranca. Copie estilos de paginas acessiveis. Assim, sessoes e documentos protegidos permanecem no site original e voce analisa apenas os valores necessarios para a auditoria.
O declarado e o valor CSS original; o px calculado e uma conversao aproximada pela base escolhida. No navegador real, heranca, media queries e elemento pai tambem podem alterar o resultado, por isso use JSON computado quando precisar de precisao.
Sim. rem e em sao convertidos com a base. Para em, o valor real pode depender do elemento pai. Se a cascata for complexa, trate a tabela como estimativa e cole JSON computed-style para confirmar o valor efetivo.
Legibilidade depende tambem de espacamento, peso e contraste. Compare grupos completos de titulos, paragrafos e botoes, pois um line-height curto ou uma cor fraca pode prejudicar a leitura mesmo com o tamanho correto.
Use esta pagina para CSS e texto vivo. Use detector por imagem para screenshot, logo ou imagem achatada. O detector por imagem sugere nomes provaveis, enquanto esta pagina torna comparaveis tamanho, line-height, peso e cor ja visiveis no navegador.