Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Generator Skala Moduler Font

PengembangMatematikaTeks

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis

Basis

Ukuran Dasar (px)

Ukuran referensi 1rem. Sebagian besar browser menggunakan default 16px.

Rasio

Setiap langkah dalam skala adalah langkah sebelumnya dikalikan dengan rasio ini.

Rasio Kustom

Nilai apa pun antara 1.01 dan 3.

Keluaran

Satuan

Desimal

Tempat desimal dalam nilai yang dihasilkan.

Format

Teks Pratinjau

Sampel

KELUARAN

Sisi klien

IKLAN · HAPUS?

Memandu

Generator Skala Moduler Font

Generator Skala Modular Font membangun skala tipografi lengkap dari ukuran dasar tunggal dan rasio matematis yang dipilih. Setiap langkah dalam skala ini merupakan perkalian langkah sebelumnya dengan rasio tersebut, sehingga judul, teks tubuh, dan teks kecil tetap seimbang di setiap layar.

Cara Penggunaan

Tetapkan Ukuran Dasar dalam piksel (umumnya 16px, yang setara dengan 1rem).
Pilih sebuah Rasio dari dropdown, atau pilih Kustom dan ketik nilai Anda sendiri.
Pilih output Satuan (rem, em, atau px) dan jumlah Desimal.
Pilih sebuah Format Ekspor — Variabel CSS, variabel SCSS, konfigurasi Tailwind, atau JSON.
Sunting Sampel teks untuk memperlihatkan salinan Anda sendiri pada setiap langkah skala.
Salin atau unduh kode yang dihasilkan dan tempatkan langsung ke dalam proyek Anda.

Fitur

Nin sepuluh rasio klasik – Dari Minor Second hingga Octave, termasuk Rasio Emas (1.618).
Input rasio khusus – Masukkan nilai apa pun antara 1.01 dan 3 untuk skala yang disesuaikan.
Tampilan pra-visualisasi langsung – Lihat contoh teks yang dihasilkan pada setiap langkah dari xs hingga 6xl.
Empat format ekspor – Variabel CSS, variabel SCSS, konfigurasi Tailwind fontSize atau JSON.
rem, em, atau px – Pilih satuan yang sesuai dengan sistem desain Anda.
Presisi yang dapat disesuaikan – Pembulatan nilai yang dihasilkan ke 0 hingga 5 tempat desimal.
Perhitungan di sisi klien – Semua perhitungan berjalan di browser Anda, sehingga tidak ada yang dikirim ke server.

 Tanya Jawab Umum

Apa itu skala tipe modular?

Skala tipe modular adalah urutan ukuran font yang dibangun dari ukuran dasar tunggal dan multiplier tetap. Setiap langkah adalah langkah sebelumnya dikalikan dengan rasio tersebut, yang menjaga hubungan proporsional antar ukuran konsisten di seluruh desain.
Mengapa menggunakan rasio matematis daripada ukuran sembarang?

Rasio yang diambil dari teori musik dan proporsi klasik — Keempat yang Sempurna, Keempat yang Sempurna, Rasio Emas — menciptakan hubungan yang dibaca oleh mata sebagai harmonis. Ukuran sembarang cenderung terasa tidak seimbang dan memaksa lebih banyak keputusan visual di setiap layar.
Rasio apa yang harus saya pilih untuk konten yang dominan teks?

Rasio yang lebih kecil seperti Kedua yang Kecil (1.2) dan Kedua yang Besar (1.25) menjaga ukuran judul dekat dengan ukuran teks tubuh, yang cocok untuk dokumentasi, blog, dan antarmuka yang kaya akan konten di mana pembaca menghabiskan sebagian besar waktu membaca paragraf.
Rasio apa yang harus saya pilih untuk tata letak pemasaran dan editorial?

Rasio yang lebih besar seperti Keempat yang Sempurna (1.5) dan Rasio Emas (1.618) menghasilkan lonjakan ukuran yang dramatis antara teks tubuh dan teks tampilan. Ini cocok untuk halaman pemasaran, majalah, dan bagian utama di mana tata letak huruf menjadi fokus.
Perbedaan antara unit rem, em, dan px adalah apa?

px adalah ukuran absolut dalam piksel. rem adalah relatif terhadap ukuran font akar, sehingga berskala saat pengguna mengubah pengaturan default browser. em adalah relatif terhadap ukuran font dari elemen induk terdekat, yang membuat elemen yang terkandung saling menggandakan. Sebagian besar sistem desain memilih rem untuk skala tipe global karena menghormati pengaturan aksesibilitas pengguna.