Google polices URL briser la Validation HTML5 sur w3.org

Question

Je charge 3 polices différentes tailles à l'aide de cette balise HTML:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif">

Jusqu'à ~1/2 semaines auparavant, c'était pris en charge par w3.org validateur HTML5; maintenant il donne cette erreur:

 Line 14, Column 163: Bad value http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif for attribute href on element link: Illegal character in query: not a URL code point.

Quelles sont les choses que le Validateur du W3C n'est pas comme maintenant?

Answer 1

Encoder la | (tuyau de caractères) dans l'attribut href (%7C):

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic%7CPT+Serif:400,400italic%7CBree+Serif">

Answer 2

http://www.utf8-chartable.de/

Vous devez remplacer le caractère de son correspondant de caractères UTF-8, ce qui donne

href="http://fonts.googleapis.com/css?family=Cookie%7cAmaranth%7cKaushan+Script%7cCousine%7cBilbo+Swash+Caps%7cRancho&effect=shadow-multiple"