Kalkulador ng Line Height
Ilagay ang laki ng font at ratio ng line-height upang makita ang CSS value na walang yunit, pixel line box, at dagdag na pagitan ng mga linya.
Paano gamitin
Paano gamitin
- Ilagay ang laki ng font at ratio ng line-height sa praktikal na saklaw.
- Kuwentahin ang unitless CSS line-height at pixel line box.
- Gamitin ang mungkahi bilang panimula, saka suriin ang aktuwal na font at lapad ng teksto.
Dalawang kapaki-pakinabang na CSS value
Ang ratio ang unitless line-height na ginagamit sa CSS. Ipinapakita ng pixel result ang line box para sa inilagay na laki ng font; dagdag na pagitan ang espasyong lampas sa laki ng font.
Tantya lamang ang mungkahi
Madalas magsimula sa 1.4–1.7 para sa body text at 1.1–1.3 para sa heading; maaaring mangailangan ng mas masikip o maluwag na pagitan ang display text. Isaalang-alang pa rin ang aktuwal na font metrics, wika, lapad, at pangangailangan sa accessibility.
Lokal at may hangganan
1–500 px ang saklaw ng laki at 0.8–3.0 ang ratio. Sa browser ginagawa ang pagkalkula; hindi ina-upload o sine-save ang teksto o mga setting.
Mga madalas itanong
Maaari mo ring alamin
Ano ang unitless line-height?
Ratio ito na minumultiply sa laki ng font ng elemento, gaya ng 1.5. Kusang umaayon ito kapag nagbago ang laki ng font.
Eksakto ba ang pagitan sa pixel para sa bawat font?
Hindi. CSS line box ang inilalarawan nito. Nakaaapekto sa hitsura ang taas ng mga letra, wika, at pag-render ng browser.
Anong ratio ang dapat piliin?
Gamitin ang mungkahi bilang panimula. Kadalasang mas maluwag ang body text kaysa heading, pero suriin palagi sa aktuwal na font at konteksto ng pagbasa.