fluid typography calculator

Kalkulator Tipografi Cairan?

Instruksi

Cara menggunakan kalkulator ini

• Masukkan ukuran font min dan max di px atau rem . Font dasar Anda akan selalu tetap dalam batas ini

• Masukkan Min dan Max Viewport Widths Anda di px atau rem .

• Jika viewport kurang dari atau sama dengan lebar minimum dan sebaliknya. Di antara batas -batas ini, ukuran font akan berskala sebanding dengan lebar viewport klien

• Panel hasil menunjukkan formula yang dihasilkan yang dapat Anda salin ke CSS Anda

Bingung tentang tipografi cairan?

Baca posting saya, "Tipografi Cairan" yang menjelaskan bagaimana kalkulator ini bekerja secara rinci

Kredit?

Kalkulator ini terinspirasi oleh posting Christopher Kirk-Nielsen, "Tipografi Cairan Modern dengan Clamp ()"

Untuk strategi fallback lain yang cocok dengan fungsionalitas Clamp, lihat Daniel Yuschick "Cairan Tipografi dengan CSS Clamp () adalah hal favorit baru saya"