Calculator de Înălțime a Liniei
Calculatorul de line-height recomandă înălțimea rândului, spațierea literelor și lățimea maximă ideală a paragrafului pentru o mărime de font și un scop — text principal, titluri, etichete UI sau text display — cu previzualizare live și cod CSS.
Despre acest instrument
Calculatorul de line-height recomandă înălțimea rândului, spațierea literelor și lățimea maximă ideală a paragrafului pentru o mărime de font și un scop — text principal, titluri, etichete UI sau text display — cu previzualizare live și cod CSS.
Cum se folosește
- Introdu mărimea fontului în pixeli.
- Alege un stil: text principal, titlu, etichetă UI sau display.
- Verifică paragraful de previzualizare și cele patru valori recomandate.
- Apasă Copy CSS pentru a prelua valorile în foaia de stil.
Bine de știut
- Textul principal se citește confortabil cu o înălțime a rândului de aproximativ 1.5–1.6 ori mărimea fontului.
- Titlurile mari și textul display arată mai bine cu o înălțime a rândului mai strânsă, de aproximativ 1.05–1.2.
- Lungimea lizibilă a rândului este de aproximativ 45–75 de caractere pe rând.
- WCAG 1.4.12 cere ca un conținut să funcționeze în continuare când utilizatorii setează line-height la 1.5 și letter-spacing la 0.12 em.
- Valorile line-height fără unitate (precum 1.6) se scalează după mărimea fontului fiecărui element.
Funcționează complet în browserul tău — nimic din ce introduci nu este încărcat sau salvat.
Întrebări frecvente
Care este o înălțime bună a rândului pentru textul principal?
Aproximativ 1.5–1.6 ori mărimea fontului. Pentru text de 16 px, asta înseamnă cam 24–26 px.
Titlurile ar trebui să aibă o înălțime a rândului mai mică?
Da. Textul mare are nevoie de mai puțin spațiu relativ, așa că titlurile folosesc de obicei 1.1–1.3, iar textul display chiar mai puțin.
Care este lungimea ideală a rândului pentru citire?
Aproximativ 45–75 de caractere pe rând, cu circa 65 citat adesea ca ideal pentru textul principal.
Ar trebui să folosesc line-height fără unitate în CSS?
De obicei da. O valoare fără unitate, precum 1.6, este moștenită ca raport, așa că elementele copil cu mărimi de font diferite păstrează o spațiere proporțională.