Pilihan gaya sederhana memungkinkan Anda mengubah font halaman web (atau jenis) menggunakan CSS (Cascading Style Sheets). Anda dapat mengatur font kata individual, kalimat spesifik, judul, seluruh paragraf, dan bahkan seluruh halaman teks.
Cara Mengubah Font Dengan CSS
Anda dapat membuat perubahan HTML dan CSS yang dijelaskan di bawah menggunakan editor HTML atau editor teks apa pun. Anda dapat menyalin teks dari halaman dan menempelkannya ke editor untuk melakukan perubahan di sana atau membuka seluruh halaman web di editor dan mengedit secara langsung.
-
Cari teks tempat Anda ingin mengubah font. Kami akan menggunakan ini sebagai contoh:
Teks ini ada di Arial
-
Kelilingi teks dengan elemen SPAN:
Teks ini ada di Arial
-
Tambahkan atribut style = "" ke tag rentang:
Teks ini ada di Arial
-
Dalam atribut style, ubah font menggunakan font-family gaya.
Teks ini ada di Arial
-
Simpan perubahan untuk melihat efeknya.
Tips untuk Menggunakan CSS untuk Mengubah Font
-
Pendekatan terbaik adalah selalu memiliki setidaknya dua font di tumpukan font Anda (daftar font), sehingga jika browser tidak memiliki font pertama, itu dapat menggunakan font kedua sebagai gantinya.
Pisahkan beberapa pilihan font dengan koma, seperti ini:
font-family: Arial, Geneva, Helvetica, sans-serif;
-
Contoh yang dijelaskan di atas menggunakan gaya sebaris, tetapi jenis gaya terbaik menggunakan lembar gaya eksternal sehingga Anda dapat memengaruhi lebih dari sekadar satu elemen. Anda dapat menggunakan kelas untuk mengatur gaya pada blok teks.
Teks ini ada di Arial
Dalam contoh ini, file CSS untuk memberi gaya HTML di atas akan muncul sebagai berikut:
.arial {font-family: Arial; }
-
Selalu akhiri gaya CSS dengan titik koma (;). Itu tidak diperlukan ketika hanya ada satu gaya, tapi itu kebiasaan yang baik untuk memulai.
