Elemen FONT sudah ditinggalkan dalam HTML 4 dan bukan bagian dari spesifikasi HTML5. Jadi, jika Anda ingin mengubah font di halaman web Anda, Anda harus belajar bagaimana melakukannya dengan CSS (Cascading Style Sheets ).
Langkah-langkah untuk Mengubah Font Dengan CSS
- Buka halaman web menggunakan editor HTML teks. Ini bisa menjadi halaman baru atau yang sudah ada.
- Tuliskan beberapa teks: Teks ini ada di Arial
- Kelilingi teks dengan elemen SPAN: Teks ini ada di Arial
- Tambahkan style atribut = "" ke tag span: Teks ini di Arial
- Dalam atribut style, ubah font menggunakan style font-family: Teks ini ada di Arial
Tips untuk Mengganti Font Dengan CSS
- Pisahkan beberapa pilihan font dengan koma (,). Sebagai contoh,
- font-family: Arial, Geneva, Helvetica, sans-serif;
- Yang terbaik untuk selalu memiliki setidaknya dua font di tumpukan font Anda (daftar font), sehingga jika browser tidak memiliki font pertama, itu dapat menggunakan yang kedua sebagai gantinya.
- Selalu akhiri setiap gaya CSS dengan titik koma (;). Itu tidak diperlukan ketika hanya ada satu gaya, tapi itu kebiasaan yang baik untuk masuk.
- Contoh ini menggunakan gaya sebaris, tetapi jenis gaya terbaik ditempatkan di lembar gaya eksternal sehingga Anda dapat memengaruhi lebih dari sekadar satu elemen. Anda dapat menggunakan kelas untuk mengatur gaya pada blok teks. Sebagai contoh:
- class = "arial"> Teks ini ada di Arial
- Menggunakan CSS:
- .arial {font-family: Arial; }