Tipografi ölçeği hesaplayıcı
Metin ve başlık boyutlarını rastgele değil, tutarlı bir oranla belirleyin. Ölçeği kendi yazınızla önizleyin; px, rem ya da ekran genişliğine göre büyüyen akışkan clamp() değerleri olarak kopyalayın.
Ücretsiz · Kayıt gerekmez · Tarayıcıda çalışır
Dosyalarınız sunucuya yüklenmez; tüm işlem tarayıcınızda yapılır.
Nasıl kullanılır?
- Temel yazı boyutunu girin (genellikle 16 px).
- Bir oran seçin; oran büyüdükçe başlıklar arasındaki fark artar.
- Önizleme metnini ve yazı tipini değiştirerek ölçeği deneyin.
- Değerleri CSS değişkenleri olarak kopyalayın; isterseniz akışkan modu açın.
Öne çıkanlar
- Küçük ikiliden altın orana 9 hazır oran ve özel oran.
- px ve rem çıktısı.
- Mobilden masaüstüne büyüyen akışkan clamp() değerleri.
- Kendi metninizle canlı önizleme.
Sık sorulan sorular
Tipografi ölçeği nedir?
Tipografi ölçeği, temel yazı boyutunun sabit bir oranla çarpılarak elde edilen boyutlar dizisidir. Örneğin 16 px temel ve 1,25 oranla 16, 20, 25, 31,25… boyutları elde edilir. Bu, sayfaya tutarlı bir hiyerarşi kazandırır.
Hangi oranı seçmeliyim?
Yoğun arayüzler ve mobil için 1,125-1,2 gibi küçük oranlar; editoryal sayfalar, afiş ve sunumlar için 1,333-1,618 gibi büyük oranlar uygundur.
Akışkan (fluid) tipografi nedir?
Akışkan tipografide yazı boyutu ekran genişliğine göre kademesiz büyür. CSS'teki clamp() fonksiyonu, en küçük ve en büyük değer arasında ekran genişliğiyle orantılı bir boyut üretir; ayrı medya sorgularına gerek kalmaz.
px yerine neden rem kullanmalıyım?
rem, kullanıcının tarayıcıda belirlediği yazı boyutunu temel alır. Görme güçlüğü olan kullanıcılar yazıyı büyüttüğünde rem ile tanımlanan boyutlar da orantılı olarak büyür.
Profesyonel bir tasarıma mı ihtiyacınız var?
Sosyal medya tasarımları, reklam görselleri, afiş, logo ve kurumsal kimlik projeleriniz için iletişime geçebilirsiniz.