Colete a amostra de estilo
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.
Detector de Tamanho de Fonte para Sites
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.
Ferramenta interativa
Verifique tamanho de fonte a partir de CSS ou 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.
- Converte rem, em, porcentagem, pt e px em pixels comparaveis.
- Mantem seletor, line-height, font-weight e cor junto de cada resultado.
- Funciona com CSS e JSON de estilos computados de paginas que voce controla.
- Separa deteccao por imagem da verificacao de tamanho em CSS vivo.
Regras
0
Intervalo
-
Comum
-
| Seletor | Tamanho | Px calculado | Line-height | Peso | Cor |
|---|
Como Usar o Detector de Tamanho de Fonte
Defina o tamanho base
A maioria dos sites usa raiz de 16px, mas alguns sistemas mudam isso. Ajuste a base para converter rem, em e porcentagens corretamente.
Compare a tabela tipografica
Veja seletor, tamanho declarado, pixels calculados, line-height, peso e cor juntos para encontrar inconsistencias.
Quando um Verificador de Tamanho Ajuda
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.
Auditar tipografia de landing pages
Verifique se titulos, subtitulos, botoes, cards e FAQ seguem uma escala consistente.
Converter unidades CSS em pixels
Handoffs misturam rem, em, porcentagem e px. Esta ferramenta coloca tudo em uma visao comparavel.
Revisar estilos responsivos
Cole amostras desktop e mobile separadas para comparar tamanhos entre breakpoints.
Combinar tamanho, peso e cor
Line-height, peso e cor ajudam a explicar texto apertado, pesado ou com baixo contraste.
Detector de Tamanho vs Font Finder vs DevTools
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.
Detector de Tamanho de Fonte para Sites
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.
- Converte rem, em, porcentagem, pt e px em pixels comparaveis.
- Mantem seletor, line-height, font-weight e cor junto de cada resultado.
- Funciona com CSS e JSON de estilos computados de paginas que voce controla.
- Separa deteccao por imagem da verificacao de tamanho em CSS vivo.
Melhor para: Verifique tamanho de fonte a partir de CSS ou navegador
Font Finder
Use image-based font detection when the text is in a screenshot, logo, or flattened image.
- Best for screenshots and logos
- Returns probable font names
- Useful when CSS is unavailable
- Less precise for CSS size
Melhor para: image font identification
DevTools
Browser DevTools gives exact values for one live element, while this page helps compare several samples in one table.
- Exact live values
- Good for debugging
- Slower for many samples
- Requires access to the page
Melhor para: single-element inspection
Verifique tamanho de fonte a partir de CSS ou 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. 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.
Quando um Verificador de Tamanho Ajuda
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.
Detector de Tamanho vs Font Finder vs DevTools
Use this workflow when the question is CSS size, not only the font name. A conversao e transparente. O valor CSS original continua visivel ao lado do px calculado, entao fica mais facil entender se a diferenca vem do codigo, da base tipografica ou de uma estimativa. Para maior precisao, cole JSON computed-style do navegador.
FAQ do Detector de Tamanho de Fonte
Como verificar o tamanho da fonte em um site?
Inspecione o texto no navegador, copie CSS ou computed style e cole aqui.
A ferramenta escaneia qualquer URL automaticamente?
Nao. Uma ferramenta estatica nao pode contornar CORS, paginas privadas ou seguranca. Copie estilos de paginas acessiveis.
Qual a diferenca entre tamanho declarado e px calculado?
O declarado e o valor CSS original; o px calculado e uma conversao aproximada pela base escolhida.
Funciona com rem e em?
Sim. rem e em sao convertidos com a base. Para em, o valor real pode depender do elemento pai.
Por que incluir line-height, peso e cor?
Legibilidade depende tambem de espacamento, peso e contraste.
Uso isto ou detector por imagem?
Use esta pagina para CSS e texto vivo. Use detector por imagem para screenshot, logo ou imagem achatada.
Como verificar tamanhos responsivos?
Verifique primeiro o tamanho root da pagina. Se nao for 16px, ajuste o campo base. Em paginas responsivas, analise uma amostra desktop e outra mobile separadamente.
A ferramenta substitui um design system?
Nao. Use a tabela como apoio de auditoria e comunicacao. Uma boa decisao tipografica tambem depende da largura do layout, idioma, contraste, comprimento de linha e funcao do texto.