Harf Aralığı Üretici

Bu araç ne işe yarar?

Harf Aralığı Üreteci, harf aralığı, kelime aralığı, satır yüksekliği ve yazı boyutunu kaydırma çubuklarıyla ayarlamanızı sağlayan görsel bir CSS aracıdır. Web tasarımcıları ve geliştiriciler değerleri canlı önizlemede deneyip hazır CSS kodunu tek tıkla kopyalayabilir.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Dört tipografi ayarı

Harf aralığı (-5px ile 30px arası), kelime aralığı (-10px ile 40px), satır yüksekliği (0.8 ile 3 arası) ve yazı boyutu (10px ile 60px) için ayrı kaydırma çubukları bulunur. Her ayar değişikliği önizleme metnine anında yansır; böylece sonuç tarayıcıda nasıl görünecekse aynen görürsünüz. Altta dört özelliği içeren kullanıma hazır CSS bloğu oluşur ve kopyala düğmesiyle projenize aktarılır.

letter-spacing ve word-spacing farkı

letter-spacing her harf arasındaki boşluğu ayarlar ve başlıklarda ferah, modern bir görünüm sağlar. word-spacing ise yalnızca kelimeler arasındaki boşluğu büyütür veya küçültür. Negatif değerler kullanarak harfleri sıkıştırabilir, pozitif değerlerle nefes alan bir düzen oluşturabilirsiniz. Önizleme metnini kendi içeriğinizle değiştirip ayarları gerçek metin üzerinde test edebilirsiniz.

Sıkça sorulan sorular

Üretilen kodu nasıl kullanırım?

Kopyalanan dört satırı (letter-spacing, word-spacing, line-height, font-size) istediğiniz CSS seçicisinin içine yapıştırmanız yeterli; örneğin bir h1 veya .baslik sınıfına.

Neden negatif harf aralığı kullanılır?

Büyük başlıklarda harfler bazen fazla açık durur; küçük negatif bir letter-spacing değeri (örneğin -1px) onları daha sıkı ve dengeli gösterir.

px yerine em kullanabilir miyim?

Bu araç değerleri px ile üretir, ancak kopyaladıktan sonra px birimini el ile em veya rem ile değiştirerek ölçeklenebilir bir tipografi elde edebilirsiniz.