Invalid character in request: not URL code point

I have a problem with validator:

Bad value http://fonts.googleapis.com/css?family=Dosis:400,700,800|Varela+Round|Architects+Daughter for the href attribute to refer to an element: Invalid character in the request: not a dot URL.

But I have the following code, without spaces:

<link href="http://fonts.googleapis.com/css?family=Dosis:400,700,800|Varela+Round|Architects+Daughter/" rel="stylesheet" type="text/css">
+4
source share
2 answers

in the href change link | % 7C

+11
source

There are two ways to fix this validation problem:

  • URL encodes a character |(vertical string / string) in an hrefelement attribute link(how %7C):

    <link href="http://fonts.googleapis.com/css?family=Dosis:400,700,800%7CVarela+Round%7CArchitects+Daughter" rel="stylesheet" type="text/css">

  • Enabling individual fonts with multiple elements link:

    <link href="http://fonts.googleapis.com/css?family=Dosis:400,700,800" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet" type="text/css">

0
source

All Articles