Html Validation

Hey, My code fails to validate on the Markup validation tool.

I get the following error:

Validation Output: 1 Error

Error Line 7, Column 142: Bad value http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800 for attribute href on element link: Illegal character in query: not a URL code point. …ne|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>

Syntax of IRI reference:

Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

I've checked the URL, the fonts are working and the markup is just as the example in the video.

Here is my code for that section:

/* <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>*/

Found the solution in the following post. Sorry for cluttering.

White testing the html code on validator.w3.org it throws an error message. Jegnesh Gehlot 1,518 2 days ago

Error Message: Line 7, Column 122: Bad value http://fonts.googleapis.com/css?family=Ubuntu:400,500italic|Open+Sans for attribute href on element link: Illegal character in query: not a URL code point.

Fix: It doesn't recognize | symbol so instead use %7c