Kembali ke alat

Warna · Semua alat

Skala tipografi

Skala tipografi. Atur ukuran dasar, rasio dan tingkat untuk membuat ukuran CSS.

…

Berkas dan masukan diproses di browser ini. Tanpa unggahan atau akun.

Fitur yang didukung

Masukan: Opsi
Keluaran: CSS · Opsi

Cara memakai Skala tipografi

Skala tipografi. Atur ukuran dasar, rasio dan tingkat untuk membuat ukuran CSS.

Ubah warna, teks atau angka di atas.
Bandingkan pratinjau saat mengatur kontrol.
Salin hasil atau unduh ke perangkat.

Skala tipografi · Contoh

Masukan

{
  "base": 16,
  "ratio": 1.25,
  "below": 2,
  "above": 5,
  "text": "LocalKit"
}

Keluaran

:root {
  --text-minus-2: 10.24px;
  --text-minus-1: 12.8px;
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.82813px;
}

Catatan penggunaan

Berkas dan masukan diproses di browser ini. Tanpa unggahan atau akun.

Teks pratinjau maksimal 72 px. Ekspor mempertahankan ukuran hasil hitung.