Cara Ampuh mengatasi pesan warning pada saat validasi font di W3C CSS Validation
Pernahkah kamu menemukan pesan, "Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space." saat Validasi CSS di jigsaw.w3.org?
Awalnya saya juga pusing bagaimana cara memecahkan masalahnya. Setelah menterjemahkan pesan dan memahami maksudnya, ternyata font family yang mengandung spasi, harusnya di kutip.
Jika kutipan dihilangkan atau tidak menggunakan kutipan, maka setiap karakter spasi sebelum dan sesudah nama font diabaikan sehingga urutan karakter spasi dalam nama font tersebut diubah menjadi satu ruang.
Jadi intinya, kita harus menempatkan tanda kutip pada font-family yang mengandung spasi (jarak antara kata-kata) untuk memastikan kalau font ini benar-benar di gunakan. Dan tentu saja ini sekaligus akan mengatasi permasalahannya. :D
Contohnya penulisan font-family Lucinda Grande tanpa tanda kutip. Ini bisa diartikan sebagai (LucindaGrande) dan bukan Lucinda Grande. Karena ada spasi antara kata Lucinda dan Grande. Seharusnya Lucinda Grande di tulis "Lucinda Grande".
Contoh penulisan lainnya. Misalnya: font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;. Ini adalah contoh penulisan yang salah.
Seharusnya di tulis seperti ini, font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;.
Perhatikan penulisannya dengan seksama. Saya yakin, masalahnya akan langsung teratasi!!
0 komentar:
Post a Comment
Kolom komentar tersedia hanya untuk diskusi dan bukan sarana untuk promosi.
Komentar menggunakan media sosial seperti Facebook dan lain-lain sengaja di nonaktifkan karena sering di salahgunakan.
Mohon untuk tidak menyisipkan link promosi pada kolom komentar.