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
Önizleme
TYPOGRAPHY SPACING EXAMPLE
Üç 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
Sorun Bildir
Letter Spacing Çevirici (Tracking → CSS)