Tipografi Ölçeği Oluşturucu Özelleştirilebilir temel boyut, oran ve birimlerle modüler bir tipografik ölçek oluşturun.
Tipografi Ölçeği Oluşturucu
Özelleştirilebilir temel boyut, oran ve birimlerle modüler bir tipografik ölçek oluşturun.
Temel boyutu ve oranını ayarla
Tipografik ilerlemeye uygun bir matematiksel ölçek oranı için temel yazı tipi boyutunu seçin.
Çıktıyı yapılandır
Birim (px, rem, em), satır yüksekliği ve ölçek adımlarının sayısını seçin.
CSS'yi kopyala
Tipografik ölçeği önizleyin ve CSS özel özelliklerini kopyalayın.
What Is Tipografi Ölçeği Oluşturucu?
Tipografi Ölçek Jeneratörü, aynı zamanda modüler ölçek olarak da bilinen bir matematiksel oran temelinde uyumlu bir yazı tipi boyutu kümesi oluşturur. Tutarsız olmayan tipografi iyi tasarıma fundamentaldir ve modüler ölçekler, matematiksel orantı aracılığıyla birbirleriyle doğal olarak ilgili olan yazı tipi boyutları sağlar. Bu araç sekiz klasik ölçek oranı sunar: Küçük İkinci (1.067), Büyük İkinci (1.125), Küçük Üçlü (1.200), Büyük Üçlü (1.250), Mükemmel Dördüncü (1.333), Artırılmış Dördüncü (1.414), Mükemmel Beşinci (1.500) ve Altın Oran (1.618). Temel boyutlardan başlanarak, her adım seçilen oranla çarpılır. Çıktı, tercih ettiğiniz birimdeki adlandırılmış CSS özel özelliklerini (--font-size-xs'ten --font-size-5xl'e kadar) içerir ve ayrıca örnek metin ile her boyutu gösteren görsel bir önizleme sağlar.
Why Use Tipografi Ölçeği Oluşturucu?
-
Müzik ve tasarım teorisinden sekiz klasik matematiksel ölçek oranı
-
Farklı proje ihtiyaçları için px, rem veya em birimleriyle çıktı
-
Ayarlanabilir temel boyut, satır yüksekliği ve adım sayısı
-
Kolay entegrasyon için CSS özel özellikleri çıkışı
Common Use Cases
Tasarım Sistemi Tipografi
Bir tasarım sisteminin temeli olarak tutarlı bir tipografik ölçek oluşturun.
Yeni Proje Kurulumu
Yeni web projeleri başlarken uyumlu yazı tipi boyutları üretin.
Blog ve Makale Stili
Uzun içerikler için okunabilir bir tipografik hiyerarşi oluşturun.
Hassas Tipografi
Farklı hassas noktalarında kullanmak üzere ölçek değerleri üretin.
Technical Guide
Modüler yazı tipi ölçeği, orantılı değerler oluşturmak için matematiksel bir oran kullanır. Temel boyuttan (genellikle web için 16px) başlanarak her adım oranıyla çarpılarak hesaplanır. Büyük Üçlü (1.25) ölçeğinde 16px temel boyutla: 12.8px, 16px, 20px, 25px, 31.25px, 39.06px. Oran, boyutlar arasındaki kontrastı belirler - daha küçük oranlar (1.067, 1.125) vücut metni için ideal olan nüanslı farklılıklar oluştururken, daha büyük oranlar (1.5, 1.618) görüntüleme tipografisi için uygun olan dramatik farklılıklar oluşturur. Popüler oranlar müzik teorisinden (Küçük Üçlü, Mükemmel Dördüncü, Mükemmel Beşinci) ve matematikten (Altın Oran) gelir. Web uygulaması için boyutları CSS özel özellikileri olarak tanımlayın ve bunları stil sayfasında kullanın. Erişilebilirlik için rem birimleri tercih edilir çünkü kullanıcıların yazı tipi boyutu tercihlerini dikkate alırlar. Satır yüksekliği genellikle yazı tipi boyutunun artmasıyla azalmalıdır - vücut metni için 1.5 ve büyük başlıklar için 1.1-1.2.
Tips & Best Practices
-
1Çoğu web projesi için Major Third (1.25) veya Perfect Fourth (1.333) kullanın
-
2Erişilebilir ve kullanıcı tercihlerine saygılı bir tipografi için rem birimlerini kullanın
-
3Daha büyük başlıklar için satır yüksekliğini azaltın (1.1-1.2) ve gövde için artırın (1.5-1.7)
-
4Yönetilebilir bir tipografik hiyerarşi için 5-7 ölçek adımı kullanın
Related Tools
Boşluk Ölçeği Oluşturucu
Özelleştirilebilir temel birim ve çarpanlarla tutarlı bir boşluk ölçeği sistemi oluşturun.
🎨 CSS & Design
Google Yazı Tipleri Ön İzleme
Özelleştirilebilir metin, boyut, ağırlık ve harf aralığı ile Google Yazı Tiplerini ön izleyin.
🎨 CSS & Design
CSS Değişken Oluşturucu
Renkler, boşluklar ve tipografi için özel CSS özelliklerini (değişkenleri) oluşturun.
🎨 CSS & Design
Cevrimiçi Tasarım Testeri
Yerleşik iframe görüntüleyici ile ortak cihaz kesme noktalarında web sitelerini önizleyin.
🎨 CSS & DesignFrequently Asked Questions
Q Modüler ölçek nedir?
Q Hangi oranı seçmeliyim?
Q px mi yoksa rem mi kullanmalıyım?
Q Kaç ölçek adımı benötirim?
Q Mobil ve masaüstü için farklı ölçekler kullanabilir miyim?
About This Tool
Tipografi Ölçeği Oluşturucu is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.