Bagaimana Mengubah Font pada Laman Web Menggunakan CSS

Unsur FONT telah ditamatkan dalam HTML 4 dan bukan sebahagian daripada spesifikasi HTML5. Oleh itu, jika anda ingin mengubah fon pada halaman web anda, anda harus belajar cara melakukannya dengan CSS (Cascading Style Sheets ).

Langkah-langkah untuk Menukar Fon Dengan CSS

1. Buka halaman web menggunakan editor HTML teks. Ia boleh menjadi halaman baru atau sedia ada.
2. Tulis beberapa teks: Teks ini ada di Arial
3. Mengelilingi teks dengan unsur SPAN: Teks ini dalam Arial
4. Tambah gaya atribut = "" kepada teg span: Teks ini dalam Arial
5. Di dalam atribut gaya, tukar fon menggunakan gaya keluarga font: Teks ini dalam Arial

Tips untuk Menukar Fon Dengan CSS

1. Pisahkan pelbagai pilihan font dengan koma (,). Sebagai contoh,
   1. font-family: Arial, Geneva, Helvetica, sans-serif;
   2. Lebih baik untuk selalu mempunyai sekurang-kurangnya dua fon dalam tumpukan fon anda (senarai fon), supaya jika penyemak imbas tidak mempunyai fon pertama, ia dapat menggunakan kedua.
2. Sentiasa menamatkan setiap gaya CSS dengan separa kolon (;). Ia tidak diperlukan apabila terdapat hanya satu gaya, tetapi ia adalah kebiasaan yang baik untuk masuk.
3. Contoh ini menggunakan gaya inline, tetapi jenis gaya terbaik dimasukkan ke dalam helaian gaya luaran supaya anda boleh menjejaskan lebih daripada sekadar satu elemen. Anda boleh menggunakan kelas untuk menetapkan gaya pada blok teks. Sebagai contoh:
   1. class = "arial"> Teks ini dalam Arial
   2. Menggunakan CSS:
   3. .arial {font-family: Arial; }