Letter Spacing Çevirici (Tracking → CSS)

Photoshop/Illustrator tracking veya Figma % harf aralığını CSS em ve px değerine çevirin.

836 görüntülenme

Üç Araç, Üç Birim

Adobe programları tracking'i em'in binde biri olarak ölçer: CSS em = tracking ÷ 1000; tracking 50 → letter-spacing: 0.05em. Figma'nın yüzdesi em × 100'dür: %5 = 0.05em. px değeri ayrıca yazı boyutuna bağlıdır: 16 px'te 0.05em = 0,8 px. Tasarım dosyanız hangi değeri gösteriyorsa onu girin; diğerleri güncellenir.

CSS'te em çıktısını tercih edin — yazı boyutuyla ölçeklenir; başlık da açıklama da tek kuralla orantılı aralık alır. Tipik aralıklar: büyük vitrin başlıklarında −10 ile −30 tracking, küçük BÜYÜK HARF etiketlerde +50 ile +200.

Sıkça Sorulan Sorular

Figma harf aralığını px gösteriyor — o zaman?

O değer zaten CSS px karşılığıdır; yazı boyutunu ayarlayıp px alanına girin, ölçeklenebilir CSS için em karşılığını okuyun.

Büyük harfli metin neden artı tracking ister?

Majüsküller küçük harf yanına tasarlanmıştır; sıkışık dizilince dar görünürler. Tamamı büyük harf etiketlerde +%5-15 (tracking 50-150) klasik çözümdür.

Benzer Araçlar