Satır Yüksekliği Hesaplayıcı
Line Height Calculator, bir font boyutu ve kullanım amacı — gövde metni, başlıklar, arayüz etiketleri veya display yazı — için satır yüksekliği, harf aralığı ve ideal maksimum paragraf genişliği önerir; canlı önizleme ve CSS çıktısı sunar.
Bu araç hakkında
Line Height Calculator, bir font boyutu ve kullanım amacı — gövde metni, başlıklar, arayüz etiketleri veya display yazı — için satır yüksekliği, harf aralığı ve ideal maksimum paragraf genişliği önerir; canlı önizleme ve CSS çıktısı sunar.
Nasıl kullanılır
- Font boyutunu piksel cinsinden girin.
- Bir stil seçin: body text, heading, UI label veya display.
- Önizleme paragrafına ve önerilen dört değere bakın.
- Değerleri stil dosyanıza almak için Copy CSS'e tıklayın.
Bilmekte fayda var
- Gövde metni, font boyutunun yaklaşık 1.5–1.6 katı satır yüksekliğiyle rahat okunur.
- Büyük başlıklar ve display yazılar daha sıkı, yaklaşık 1.05–1.2 satır yüksekliğiyle daha iyi görünür.
- Okunabilir satır uzunluğu satır başına yaklaşık 45–75 karakterdir.
- WCAG 1.4.12, kullanıcılar satır yüksekliğini 1.5'e ve harf aralığını 0.12 em'e ayarladığında içeriğin çalışmaya devam etmesini şart koşar.
- Birimsiz line-height değerleri (1.6 gibi) her öğenin font boyutuyla ölçeklenir.
Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.
Sık sorulan sorular
Gövde metni için iyi bir satır yüksekliği nedir?
Font boyutunun yaklaşık 1.5 ile 1.6 katı. 16 px metin için bu yaklaşık 24–26 px'tir.
Başlıkların satır yüksekliği daha küçük mü olmalı?
Evet. Büyük metin daha az göreli boşluğa ihtiyaç duyar; başlıklar genellikle 1.1–1.3, display metin ise daha da sıkı değerler kullanır.
Okuma için ideal satır uzunluğu nedir?
Satır başına yaklaşık 45–75 karakter; gövde metni için genellikle 65 civarı ideal kabul edilir.
CSS'te birimsiz line-height kullanmalı mıyım?
Genellikle evet. 1.6 gibi birimsiz bir değer oran olarak miras alınır; böylece farklı font boyutlarındaki alt öğeler orantılı boşluğu korur.