Tip Ölçek Oluşturucu
Type Scale Generator, bir temel font boyutu ve Minor Second'dan (1.067) Golden Ratio'ya (1.618) kadar bir orandan modüler bir tipografi skalası hesaplar ve dokuz boyutu CSS özel özellikleri olarak verir.
Bu araç hakkında
Type Scale Generator, bir temel font boyutu ve Minor Second'dan (1.067) Golden Ratio'ya (1.618) kadar bir orandan modüler bir tipografi skalası hesaplar ve dokuz boyutu CSS özel özellikleri olarak verir.
Nasıl kullanılır
- Piksel cinsinden bir temel font boyutu girin (tarayıcı varsayılanı 16 px'tir).
- Major Third (1.25) gibi bir skala oranı seçin.
- Çıktı birimini seçin: rem, px veya em.
- --xs ile --4xl arasındaki boyutları kullanmak için Copy CSS Variables'a tıklayın.
Bilmekte fayda var
- Modüler bir skalada her adım, önceki boyutu aynı oranla çarpar.
- Oluşturucu dokuz adım üretir: temelin altında iki, temel ve üstünde altı.
- Küçük oranlar (1.067–1.2) yoğun arayüzlere, büyük oranlar (1.333–1.618) iri başlıklı editoryal sayfalara uygundur.
- rem değerleri 16 px'lik kök font boyutuna göre hesaplanır.
- rem kullanmak, metnin kullanıcının tarayıcı font boyutu ayarıyla ölçeklenmesini sağlar.
Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.
Sık sorulan sorular
Modüler tipografi skalası nedir?
Her boyutun bir öncekinin sabit bir oranla çarpılmasıyla elde edildiği font boyutları dizisidir; başlıkların ve gövde metninin görsel olarak uyumlu kalmasını sağlar.
Hangi skala oranını kullanmalıyım?
Major Third (1.25) ve Perfect Fourth (1.333) popüler, çok yönlü seçeneklerdir. Uygulamalar ve paneller için daha küçük, açılış sayfaları ve bloglar için daha büyük bir oran kullanın.
Font boyutları rem mi px mi olmalı?
Kullanıcının tercih ettiği tarayıcı font boyutuna saygı gösterdiği ve erişilebilirliği artırdığı için genellikle rem önerilir.
Hangi temel font boyutunu kullanmalıyım?
16 px standart tarayıcı varsayılanıdır ve gövde metni için iyi bir temeldir; birçok site rahat okuma için 16–18 px kullanır.