Pilihan gaya mudah membolehkan anda mengubah fon laman web (atau menaip) menggunakan CSS (Cascading Style Sheets). Anda boleh menetapkan font kata-kata individu, ayat-ayat tertentu, tajuk utama, keseluruhan perenggan, dan juga keseluruhan halaman teks.
Bagaimana Mengubah Fon Dengan CSS
Anda boleh membuat perubahan HTML dan CSS yang dijelaskan di bawah menggunakan mana-mana editor HTML atau editor teks. Anda boleh menyalin teks dari halaman tersebut dan tampalkannya ke editor untuk melakukan perubahan di sana atau buka seluruh laman web dalam editor dan edit secara langsung.
-
Cari teks di mana anda ingin menukar font. Kami akan menggunakan ini sebagai contoh:
Teks ini ada di Arial
-
Mengelilingi teks dengan unsur SPAN:
Teks ini ada di Arial
-
Tambah atribut gaya = "" kepada tag span:
Teks ini ada di Arial
-
Dalam atribut gaya, tukar fon menggunakan keluarga font gaya.
Teks ini ada di Arial
-
Simpan perubahan untuk melihat kesannya.
Petua untuk Menggunakan CSS untuk Tukar Font
-
Pendekatan terbaik adalah untuk sentiasa mempunyai sekurang-kurangnya dua fon dalam stack font anda (senarai fon), supaya jika penyemak imbas tidak mempunyai font pertama, ia boleh menggunakan font kedua sebaliknya.
Pisahkan pelbagai pilihan font dengan koma, seperti ini:
font-family: Arial, Geneva, Helvetica, sans-serif;
-
Contoh yang dijelaskan di atas menggunakan styling inline, tetapi jenis gaya terbaik menggunakan lembaran gaya luaran supaya anda dapat menjejaskan lebih daripada sekadar satu elemen. Anda boleh menggunakan kelas untuk menetapkan gaya pada blok teks.
Teks ini ada di Arial
Dalam contoh ini, fail CSS untuk menaip HTML di atas akan muncul seperti berikut:
.arial {font-family: Arial; }
-
Sentiasa menamatkan gaya CSS dengan titik koma (;). Ia tidak diperlukan apabila hanya terdapat satu gaya, tetapi ia adalah kebiasaan yang baik untuk bermula.
