Calcolatore di Interlinea
Il calcolatore di interlinea consiglia interlinea, spaziatura delle lettere e una larghezza massima ideale del paragrafo in base alla dimensione del font e all'uso (testo, titoli, etichette UI o testo display), con anteprima in tempo reale e output CSS.
Informazioni su questo strumento
Il calcolatore di interlinea consiglia interlinea, spaziatura delle lettere e una larghezza massima ideale del paragrafo in base alla dimensione del font e all'uso (testo, titoli, etichette UI o testo display), con anteprima in tempo reale e output CSS.
Come si usa
- Inserisci la dimensione del font in pixel.
- Scegli uno stile: testo, titolo, etichetta UI o display.
- Controlla il paragrafo di anteprima e i quattro valori consigliati.
- Clicca Copy CSS per portare i valori nel tuo foglio di stile.
Da sapere
- Il testo si legge comodamente con un'interlinea di circa 1.5–1.6 volte la dimensione del font.
- I titoli grandi e il testo display rendono meglio con un'interlinea più stretta, circa 1.05–1.2.
- Una lunghezza di riga leggibile è di circa 45–75 caratteri per riga.
- WCAG 1.4.12 richiede che i contenuti continuino a funzionare quando gli utenti impostano l'interlinea a 1.5 e la spaziatura delle lettere a 0.12 em.
- I valori di line-height senza unità (come 1.6) si adattano alla dimensione del font di ciascun elemento.
Funziona interamente nel tuo browser: nulla di ciò che inserisci viene caricato o salvato.
Domande frequenti
Qual è una buona interlinea per il testo?
Circa 1.5–1.6 volte la dimensione del font. Per un testo di 16 px corrisponde a circa 24–26 px.
I titoli dovrebbero avere un'interlinea più piccola?
Sì. Il testo grande richiede meno spaziatura relativa, quindi i titoli usano di solito 1.1–1.3 e il testo display valori ancora più stretti.
Qual è la lunghezza di riga ideale per la lettura?
Circa 45–75 caratteri per riga, con circa 65 spesso indicato come ideale per il testo.
Conviene usare line-height senza unità in CSS?
Di solito sì. Un valore senza unità come 1.6 viene ereditato come rapporto, quindi gli elementi figli con dimensioni del font diverse mantengono una spaziatura proporzionale.