Sudahkah Anda melihat situs web yang sangat lama dan melihat tag yang tidak biasa di dalam HTML ? Bertahun-tahun yang lalu, desainer web akan benar-benar mengatur font halaman web mereka di dalam HTML itu sendiri, tetapi pemisahan struktur (HTML) dan gaya (CSS) menghilangkan praktik ini beberapa waktu lalu.
Dalam desain web saat ini, tag sudah tidak digunakan lagi. Ini berarti bahwa tag tidak lagi menjadi bagian dari spesifikasi HTML. Sementara beberapa browser masih mendukung tag ini setelah itu tidak lagi digunakan, itu tidak lagi didukung sama sekali di HTML5, yang merupakan iterasi terbaru dari bahasa. Ini berarti bahwa tag seharusnya tidak lagi ditemukan di dokumen HTML Anda.
Alternatif untuk Tag Font
Jika Anda tidak dapat mengatur font teks di dalam halaman HTML dengan tag, apa yang harus Anda gunakan? Cascading style sheets (CSS) adalah bagaimana Anda mengatur gaya font (dan semua gaya visual) di situs web hari ini. CSS dapat melakukan semua hal yang sama yang dapat dilakukan oleh tag, plus lebih banyak lagi. Mari kita periksa apa yang bisa dilakukan tag ketika itu adalah pilihan untuk halaman HTML kami (ingat, itu tidak didukung sama sekali lagi, jadi itu bukan pilihan) dan membandingkan bagaimana melakukannya dengan CSS.
Mengubah Keluarga Font
Wajah font adalah wajah atau keluarga dari font. Dengan tag font, Anda akan menggunakan atribut "face" dan Anda perlu menempatkan ini di seluruh dokumen banyak, berkali-kali untuk mengatur font masing-masing untuk setiap bagian teks. Jika Anda perlu membuat perubahan besar pada font itu, Anda harus mengubah setiap tag individual ini. Sebagai contoh:
font ini tidak sans-serifDalam CSS bukan font "wajah", itu disebut font "keluarga". Anda menulis gaya CSS yang akan mengatur font. Misalnya, jika Anda ingin mengatur semua teks di suatu halaman ke Garamond, Anda dapat menambahkan gaya visual seperti ini:
body {font-family: Garamond, Times, serif; }Gaya CSS ini akan menerapkan keluarga font Garamond untuk semuanya di halaman web karena setiap elemen dalam dokumen adalah keturunan dari
Mengubah Warna Font
Seperti halnya wajah, Anda menggunakan atribut "warna" dan kode hex atau nama warna untuk mengubah warna teks Anda. Bertahun-tahun yang lalu Anda juga akan mengatur ini secara individual pada elemen teks, seperti tag header.
font ini berwarna unguHari ini, Anda hanya perlu menulis satu baris CSS.
Ini jauh lebih fleksibel. Jika Anda perlu mengubah
di setiap halaman situs Anda, Anda dapat membuat satu perubahan dalam file CSS Anda dan setiap halaman yang menggunakan file itu akan diperbarui.
Out With the Old
Menggunakan CSS untuk mendikte gaya visual telah menjadi standar perancang web selama bertahun-tahun, jadi jika Anda memang melihat halaman yang masih menggunakan tag, maka itu adalah halaman yang sangat lama dan perlu dikembangkan kembali agar sesuai dengan web saat ini. merancang praktik terbaik dan standar web modern.
Diedit oleh Jeremy Girard