Incolla regole CSS o JSON di computed style dal browser per rilevare le dimensioni dei font usate in una pagina. Lo strumento converte rem, em, percentuali, pt e px in una tabella di pixel e mostra line-height, peso e colore.
Questo rilevatore e pensato per audit reali. Incolla CSS, stili inline o JSON copiato dallo snippet. Non scarica pagine private e non aggira la sicurezza; analizza stili che puoi gia ispezionare.
| Selettore | Dimensione | Px calcolati | Line-height | Peso | Colore |
|---|
Apri il sito da auditare e copia regole CSS, stili inline o valori calcolati da DevTools. Per dati live, usa lo snippet su una pagina che puoi ispezionare. Se confronti dispositivi diversi, conserva un campione desktop e uno mobile per non mescolare breakpoint differenti.
Molti siti usano 16px come root, ma non tutti. Imposta il valore base per convertire rem, em e percentuali in modo realistico. Quando analizzi piu pagine, usa la dimensione root reale di ciascuna invece di applicare sempre lo stesso valore standard.
Leggi selettore, dimensione dichiarata, pixel calcolati, line-height, peso e colore insieme per trovare incoerenze. Raggruppa i campioni per sezione e controlla soprattutto navigazione, pulsanti, card e paragrafi lunghi, dove piccoli scarti diventano piu evidenti.
Incolla regole CSS o JSON di computed style dal browser per rilevare le dimensioni dei font usate in una pagina. Lo strumento converte rem, em, percentuali, pt e px in una tabella di pixel e mostra line-height, peso e colore. E utile durante un redesign, una migrazione o un controllo responsive: puoi confrontare intestazione, hero, card, moduli e footer senza affidarti a uno screenshot. In questo modo crei una scala tipografica chiara per designer, sviluppatori e team di contenuto.
Verifica se titoli, sottotitoli, pulsanti, card e testi delle domande frequenti seguono una scala coerente.
I passaggi design-dev mischiano rem, em, percentuali e px. Questo tool li rende comparabili.
Incolla campioni desktop e mobile separati per confrontare le dimensioni tra breakpoint.
Line-height, peso e colore spiegano perche un testo sembra stretto, pesante o poco leggibile.
Questo rilevatore e pensato per audit reali. Incolla CSS, stili inline o JSON copiato dallo snippet. Non scarica pagine private e non aggira la sicurezza; analizza stili che puoi gia ispezionare. Confronta piu campioni prima di modificare una regola globale e annota il breakpoint o la sezione di ogni campione. Cosi puoi capire se la differenza dipende dalla dichiarazione CSS, dall'ereditarieta o dal calcolo finale del browser.
Questo rilevatore e pensato per audit reali. Incolla CSS, stili inline o JSON copiato dallo snippet. Non scarica pagine private e non aggira la sicurezza; analizza stili che puoi gia ispezionare.
Ideale per: Controlla la dimensione del font da CSS o browser
Usa il rilevamento dei font da immagine quando il testo si trova in uno screenshot, un logo o un'immagine rasterizzata.
Ideale per: Identificare un font da un'immagine
I DevTools del browser mostrano i valori esatti di un elemento attivo, mentre questa pagina aiuta a confrontare più campioni in un'unica tabella.
Ideale per: Ispezionare a fondo un singolo elemento
Questo rilevatore e pensato per audit reali. Incolla CSS, stili inline o JSON copiato dallo snippet. Non scarica pagine private e non aggira la sicurezza; analizza stili che puoi gia ispezionare. Il rilevatore e utile quando il design system non e documentato o quando piu team hanno modificato lo stesso sito. Invece di controllare un elemento alla volta, puoi incollare campioni da header, hero, card, form e footer e confrontare tutto in una tabella leggibile.
Incolla regole CSS o JSON di computed style dal browser per rilevare le dimensioni dei font usate in una pagina. Lo strumento converte rem, em, percentuali, pt e px in una tabella di pixel e mostra line-height, peso e colore. Durante un redesign, la tabella aiuta a ricostruire una pagina esistente con meno incertezze. Puoi raccogliere le dimensioni principali, normalizzare le unita in pixel e creare una piccola guida condivisa per designer, sviluppatori e team contenuto.
Usa questo flusso quando ti interessa la dimensione CSS e non solo il nome del font. La conversione resta trasparente. Il valore CSS originale rimane visibile accanto al px calcolato, così puoi capire se una differenza dipende dal codice, dalla base tipografica o da una stima. Per maggiore precisione, incolla JSON computed-style dal browser.
Ispeziona il testo nel browser, copia CSS o computed style e incollalo qui. Per rem, em e percentuali, annota anche la dimensione root o quella del genitore, perche il contesto cambia la conversione.
No. Uno strumento statico non puo aggirare CORS, pagine private o sicurezza. Copia gli stili da pagine accessibili. In questo modo sessioni e documenti protetti restano presso il sito originale e analizzi solo i valori necessari al controllo.
La dimensione dichiarata e il valore CSS originale; i px calcolati sono una conversione basata sulla dimensione base. Nel browser reale possono incidere anche ereditarieta, media query ed elemento genitore, quindi usa JSON computato quando serve precisione.
Si. rem ed em sono convertiti usando la base. Per em, il valore reale puo dipendere dal genitore. Se la cascata e complessa, considera la tabella una stima e incolla il JSON computed-style per verificare il valore effettivo.
La leggibilita dipende anche da spaziatura, peso e contrasto. Confronta gruppi completi di titoli, paragrafi e pulsanti, perche un interlinea stretto o un colore tenue puo creare problemi anche con una dimensione corretta.
Usa questo per CSS e testo live. Usa il detector da immagine per screenshot, loghi o immagini. Il detector da immagine propone nomi probabili, mentre questa pagina rende confrontabili dimensione, interlinea, peso e colore gia visibili nel browser.