Raccogli il campione di stile
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.
Rilevatore Dimensione Font per Siti Web
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.
Strumento interattivo
Controlla la dimensione del font da CSS o 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.
- Converte rem, em, percentuali, pt e px in pixel confrontabili.
- Mantiene selettore, line-height, font-weight e colore accanto al risultato.
- Funziona con CSS e JSON computed-style di pagine che controlli.
- Distingue il rilevamento da immagine dal controllo CSS live.
Regole
0
Intervallo
-
Comune
-
| Selettore | Dimensione | Px calcolati | Line-height | Peso | Colore |
|---|
Come Usare il Rilevatore Dimensione Font
Imposta la base
Molti siti usano 16px come root, ma non tutti. Imposta il valore base per convertire rem, em e percentuali in modo realistico.
Confronta la tabella
Leggi selettore, dimensione dichiarata, pixel calcolati, line-height, peso e colore insieme per trovare incoerenze.
Quando Serve un Controllo Dimensione Font
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.
Audit tipografico di landing page
Verifica se titoli, sottotitoli, pulsanti, card e FAQ seguono una scala coerente.
Convertire unita CSS in pixel
I passaggi design-dev mischiano rem, em, percentuali e px. Questo tool li rende comparabili.
Rivedere stili responsive
Incolla campioni desktop e mobile separati per confrontare le dimensioni tra breakpoint.
Unire dimensione, peso e colore
Line-height, peso e colore spiegano perche un testo sembra stretto, pesante o poco leggibile.
Rilevatore Dimensione vs Font Finder vs DevTools
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.
Rilevatore Dimensione Font per Siti Web
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.
- Converte rem, em, percentuali, pt e px in pixel confrontabili.
- Mantiene selettore, line-height, font-weight e colore accanto al risultato.
- Funziona con CSS e JSON computed-style di pagine che controlli.
- Distingue il rilevamento da immagine dal controllo CSS live.
Ideale per: Controlla la dimensione del font da CSS o browser
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
Ideale per: 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
Ideale per: single-element inspection
Controlla la dimensione del font da CSS o 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. 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.
Quando Serve un Controllo Dimensione Font
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.
Rilevatore Dimensione vs Font Finder vs DevTools
Use this workflow when the question is CSS size, not only the font name. La conversione resta trasparente. Il valore CSS originale rimane visibile accanto al px calcolato, cosi puoi capire se una differenza dipende dal codice, dalla base tipografica o da una stima. Per maggiore precisione, incolla JSON computed-style dal browser.
FAQ Rilevatore Dimensione Font
Come controllo la dimensione del font su un sito?
Ispeziona il testo nel browser, copia CSS o computed style e incollalo qui.
Puo scansionare qualsiasi URL automaticamente?
No. Uno strumento statico non puo aggirare CORS, pagine private o sicurezza. Copia gli stili da pagine accessibili.
Differenza tra dimensione dichiarata e px calcolati?
La dimensione dichiarata e il valore CSS originale; i px calcolati sono una conversione basata sulla dimensione base.
Funziona con rem ed em?
Si. rem ed em sono convertiti usando la base. Per em, il valore reale puo dipendere dal genitore.
Perche includere line-height, peso e colore?
La leggibilita dipende anche da spaziatura, peso e contrasto.
Meglio questo o un detector da immagine?
Usa questo per CSS e testo live. Usa il detector da immagine per screenshot, loghi o immagini.
Come controllo dimensioni responsive?
Controlla prima la dimensione root del sito. Se non e 16px, cambia il valore base. Per layout responsive conviene analizzare campioni desktop e mobile separati.
Lo strumento sostituisce un design system?
No. Usa la tabella come supporto di audit e comunicazione. Una buona scelta tipografica dipende anche da larghezza del layout, lingua, contrasto, lunghezza riga e ruolo del testo.