Validasi HTML5 pada Google Font

MurliCyber    12/25/2014    Blogger , Tutorial    Comment   

Yeay, biasa nya sebagian orang sangat susah untuk mengatasi valid html5 pada google font, mereka sangat sulit untuk mengatasi nya, apa lagi mereka yang banyak menggunakan font font pada template mereka, jadi semakin banyak font yang kamu gunakan pada template, semakin banyak juga terjadi error pada saat validasi html5 nanti

Kalau saya sendiri, ketika menggunakan banyak font pada template biasanya akan membungkus pada satu notepad, di dalam notepad tersebut ada banyak font yang saya gunakan, jadi saya simpan pada satu link pembungkus aja pada template, sehingga dapat mengurangi banyak error

tapi tetap aja gak valid, masih ada di bagian font yang error 1 atau 2 lagi

nah, setelah saya googling ketemu lah untuk validasi pada font tersbut, padahal masalah nya cukup sepele

gini biasa nya code yang di berikan oleh google font

<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700|Ropa+Sans|Oswald' rel='stylesheet' type='text/css'/>

Kode di atas lah yang membuat error saat validasi html5
Pesan error yang akan muncul di W3C

Bad value http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700|Ropa+Sans|Oswald for attribute href on element link: Illegal character in query: not a URL code point.

Dan ternyata, yang bikin error pada font tersebut adalah

Tanda pembatas (|) harus di escape menjadi %7C
begitu juga dengan tanda & harus di rubah menjadi & jadi kode di atas jika di rubah, keseluruhan nya menjadi

<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700%7CRopa+Sans%7COswald' rel='stylesheet' type='text/css'/>

Nah simple kan? mari dicoba, sekian dari saya semoga bermanfaat.