Qual è l'altezza di riga ideale per il testo del corpo?

Per la maggior parte dei caratteri web, un rapporto tra 1.4 e 1.6 è considerato ottimale per la leggibilità. Questo offre abbastanza spazio per far sì che gli occhi seguano dalla fine di una riga all'inizio della successiva.

Come influisce la dimensione del carattere sul rapporto?

Testi più grandi, come i titoli, richiedono tipicamente un'altezza di riga relativa più stretta (circa da 1,1 a 1,2) perché la grandezza dei glifi crea già di per sé una spaziatura visiva. I testi più piccoli beneficiano di un rapporto più ampio per evitare che le righe si accavallino.

Quali unità dovrei usare nel mio CSS?

L'utilizzo di valori senza unità come `line-height: 1.5` è consigliabile in CSS in quanto consente all'altezza di scalare proporzionalmente se la dimensione del carattere cambia. Il nostro calcolatore fornisce questi equivalenti senza unità come valori decimali.

I calcoli vengono memorizzati da qualche parte?

No. Tutti i calcoli vengono eseguiti istantaneamente dal motore di esecuzione del tuo browser e non vengono registrati o trasmessi ai nostri server.

Calcolatrici

Calcolatore Altezza Linea

Pick a sensible leading for any font size.

Runs in your browser

Font size 16 px

Recommendations follow common typography practice: tighter as text gets larger, looser for small text and body copy.

Body

line-height: 1.5

That works out to 24 px per line at this font size.

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Nota dell'editore

Understanding · The unitless multiplier that decides if text breathes.

Questo capitolo approfondito è attualmente disponibile solo in inglese. Lo strumento di conversione qui sopra funziona nella tua lingua; il lungo articolo esplicativo non è stato ancora tradotto.

Domande frequenti

Quick answers.

›What is the ideal line height for body text?

For most web fonts, a ratio between 1.4 and 1.6 is considered optimal for readability. This provides enough breathing room for the eyes to track from the end of one line to the start of the next.

›How does font size affect the ratio?

Larger text, such as headings, typically requires a tighter relative line height (around 1.1 to 1.2) because the sheer scale of the glyphs creates its own visual spacing. Smaller text benefit from a looser ratio to prevent lines from crowding.

›What units should I use in my CSS?

Using unitless values like `line-height: 1.5` is recommended in CSS as it allows the height to scale proportionally if the font size changes. Our calculator provides these unitless equivalents as decimal values.

›Are the calculations stored anywhere?

No. All calculations are performed instantly by your browser's execution engine and are not logged or transmitted to our servers.

Le persone cercano anche

Letture correlate

Dal blog.(1)

Font size, line height, letter spacing — the typography triangle
Design5 min read

Strumenti correlati

More in this room.

Vedi tutto in Calcolatrici