Ubah ukuran font halaman Web Anda dengan mudah dengan CSS.
Kredit Gambar: Ableimages/Photodisc/Getty Images
Anda dapat mengontrol ukuran font halaman Web Anda menggunakan properti ukuran font dari bahasa gaya HTML, Cascading Style Sheets. Dimulai dengan HTML 5, pendekatan CSS untuk penataan font menggantikan tag "font" yang lebih lama. Meskipun tag font valid untuk halaman Web berformat HTML 4 Anda, tag tersebut tidak lagi didukung sebagai tag yang valid di HTML 5.
Menentukan Ukuran Font Dengan CSS
Ukuran font diatur di halaman Web Anda menggunakan atribut CSS "font-size." Ukuran font biasanya ditentukan menggunakan ukuran tipografi "em," di mana 1.0 adalah ukuran font saat ini, atau persentase, di mana 100 persen adalah font saat ini ukuran. Anda juga dapat menggunakan nama nilai prasetel, seperti "lebih kecil", "lebih besar", "kecil", dan "xx-besar". Saat menentukan ukuran dalam piksel atau titik adalah valid, tidak disarankan karena teks Anda mungkin tidak dapat diskalakan dengan benar dalam ukuran tertentu keadaan.
Video Hari Ini
Anda dapat menggunakan gaya di hampir semua tag HTML di badan halaman Web Anda. Tambahkan atribut "style" ke tag dengan atribut font-size CSS disetel ke ukuran yang Anda inginkan. Gaya memengaruhi teks antara awal dan akhir tag -- misalnya:
Teks ini lebih besar dari biasanya.
Teks ini lebih kecil.
Teks ini juga lebih kecil.
Menggunakan CSS di Lembar Gaya Anda
Jika halaman Web Anda memiliki lembar gaya CSS, baik yang disematkan di Kepala halaman Anda atau ditentukan dalam file terpisah, Anda dapat mengubah ukuran font di sana. Lembar gaya berguna untuk membuat perubahan global pada halaman Web Anda. Temukan atau tambahkan deklarasi yang ingin Anda ubah dan tambahkan kode ukuran font. Misalnya, untuk membuat ukuran font lebih besar untuk semua tag paragraf, gunakan:
p { ukuran font: 125%; }
