Plugin FitText berfungsi untuk mengubah ukuran dari sebuah teks agar pas sesuai dengan lebar dari layar. Bingung? Coba lihat gambar berikut, mungkin bisa ngerti:

Sudah mengerti? Sekarang kita akan mencoba menggunakannya

Pertama, kita harus mendownload pluginnya dulu disini. Jika sudah, gunakan kode berikut:

$("elemen").fitText();

Ganti elemen dengan eyang ingin di "FitText" kan, dan, sudah, selesai, gitu aja

Sekian dari ane, semoga bermanfaat

Oh ya, tutorialnya belum selesai :D

Jika agan masih belum puas dengan hasilnya, mungkin agan bisa bermain dengan "The Compressor", defaultnya adalah 1, jika dinaikkan dia akan resize dengan lebih agresif, dan sebaliknya. Contoh penggunaan:

$("#elemen").fitText(1.2);

Agan juga bisa tambahkan "minFontSize" dan "maxFontSize" untuk mengatur ukuran maksimum dan minimum dari fontnya

$("elemen").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' })

Jlupa, ada hal yang harus diperhatikan:

Pastikan elemen yang ingin di FitTextkan mempunyai width, gunakan display:block atau display:inline-block + ukuran width yang diinginkan. position:absolute juga memerlukan width

Sekian dari ane, semoga bermanfaat