35 How to Validation of HTML5 on Google Font Links

Posted by Blogger Name. Category: Blogging tutorial

How to Validation of HTML5 on Google Font Links  - in this post i will share a little tips for blogger newbie that is How to Html5 Validate Google Fonts at blogger templates. I just knew that Link Font in Tag Validation Error resulted Head HTML5. To my knowledge this is not the case previously. Either repair, or a bug in the validator. Because I tried on another validator safe.

Actually, the way the validation HTML5 Fonts on links in Head explained in Magic Company post (read: Fonts in Head Blog Link Error Validation HTML5). If I conclude that the two alternatives are:

1. Separating each font. 
2. Uses @ font-face in CSS. 

Feeling enveloped my curiosity, why is validation error? Prior to the cause of the error, I demonstrated that the font link error like this:

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

Messages appear on the validator was like this:

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.

after i look around on google search, turns out the problem is no barrier between the font on the sign (|) must be escaped to %7C. Permasalahnnya equals sign "&" should be changed to "&". So from the above error code should be changed to :

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

That's the solution that I add from posting Kang Adhy "Magic Company" Suryadi. Have a friend choose which one to use manner.

i hope this May be useful ... thanks for reading my article about How to Validation of HTML5 on Google Font Links .

Tweet

Komentar →