The Font Font Versus Cascading Style Sheets (CSS)

Pernahkah anda melihat laman web yang sangat lama dan melihat tanda yang tidak biasa di dalam HTML ? Ramai tahun yang lalu, pereka web sebenarnya akan menetapkan fon laman web mereka di dalam HTML itu sendiri, tetapi pemisahan struktur (HTML) dan gaya (CSS) tidak dapat dilakukan dengan amalan ini beberapa waktu lalu.

Dalam reka bentuk web hari ini, tag itu telah ditamatkan. Ini bermakna teg tidak lagi menjadi sebahagian daripada spesifikasi HTML. Walaupun sesetengah pelayar masih menyokong teg ini selepas ia tidak lagi digunakan, ia tidak lagi disokong sama sekali dalam HTML5, yang merupakan lelaran terakhir bahasa tersebut. Ini bermakna bahawa teg tidak boleh didapati lagi dalam dokumen HTML anda.

Alternatif kepada Tag Font

Jika anda tidak dapat menetapkan font teks di dalam halaman HTML dengan tag, apakah yang harus anda gunakan? Helaian gaya Cascading (CSS) ialah cara anda menetapkan gaya fon (dan semua gaya visual) di laman web hari ini. CSS boleh melakukan semua perkara yang sama yang dapat dilakukan oleh tag, ditambah lagi. Mari kita periksa apa yang boleh dilakukan oleh tag apabila ia merupakan pilihan untuk halaman HTML kami (ingat, ia tidak disokong sama sekali, jadi bukan pilihan) dan bandingkan cara melakukannya dengan CSS.

Menukar Keluarga Font

Wajah fon adalah wajah atau keluarga font. Dengan tag font, anda akan menggunakan atribut "muka" dan anda perlu meletakkan ini sepanjang dokumen banyak, banyak kali untuk menetapkan fon individu untuk setiap bahagian teks. Jika anda perlu membuat perubahan besar pada font itu, anda perlu mengubah setiap tag ini. Sebagai contoh:

font ini tidak sans-serif

Dalam CSS bukan font "muka", ia dipanggil font "keluarga". Anda menulis gaya CSS yang akan menetapkan font. Sebagai contoh, jika anda ingin menetapkan semua teks dalam halaman ke Garamond, anda boleh menambah gaya visual seperti ini:

badan {font-family: Garamond, Times, serif; }

Gaya CSS ini akan menggunakan keluarga Font Garamond untuk semuanya di laman web kerana setiap elemen dalam dokumen itu adalah keturunan daripada

Menukar Warna Font

Seperti muka, anda menggunakan atribut "warna" dan kod hex atau nama warna untuk menukar warna teks anda. Beberapa tahun yang lalu, anda juga akan menetapkan ini secara individu pada elemen teks, seperti tag header.

fon ini berwarna ungu

Hari ini, anda hanya akan menulis satu baris CSS.

Ini jauh lebih fleksibel. Jika anda perlu mengubahnya

pada setiap halaman laman web anda, anda boleh membuat satu perubahan pada fail CSS anda dan setiap halaman yang menggunakan fail itu akan dikemas kini.

Keluar dengan Lama

Menggunakan CSS untuk menentukan gaya visual telah menjadi pereka web piawai selama bertahun-tahun, jadi jika anda memang melihat halaman yang masih menggunakan tag, maka itu adalah halaman yang sangat lama dan ia perlu dibangunkan semula untuk disesuaikan dengan web semasa reka bentuk amalan terbaik dan piawaian web moden.

Diedit oleh Jeremy Girard