Cara Menggunakan CSS untuk Mengubah Font di Halaman Web

Tangkapan layar di bawah ini berlaku untuk taman bermain kode JSFiddle.net, tetapi konsep yang dijelaskan adalah benar di mana pun kode Anda diterapkan.

Temukan teks di mana Anda ingin mengubah font. Kami akan menggunakan ini sebagai contoh:

Di dalam atribut style, ubah font menggunakan font-family gaya.

Simpan perubahan untuk melihat efeknya.

Pendekatan terbaik adalah selalu memiliki setidaknya dua font di tumpukan font (daftar font), sehingga jika browser tidak memiliki font pertama, dapat menggunakan font kedua sebagai gantinya.

Contoh yang diuraikan di atas menggunakan gaya sebaris, tetapi yang terbaik jenis gaya menggunakan sebuah lembar gaya eksternal untuk memodifikasi lebih dari satu elemen. Gunakan kelas untuk mengatur gaya pada blok teks.

Selalu akhiri gaya CSS dengan titik koma (;). Ini tidak diperlukan ketika hanya ada satu gaya, tetapi itu adalah kebiasaan yang baik untuk memulai.