Из-за чего валидатор сообщает об ошибке символа | в строке со шрифтами гугла?

Question

[ProgerMir]

Здравствуйте. В скопированной строке шрифтов в гугле есть символ | , но валидатор сообщает об ошибке. Пишет, что этот символ не одобрен. For attribute href on element link : illegal character in query: | is not allowed. На других сайтах проверил, так же скопировано. Как решить это? Валидатор и гугл не учитывают друг друга?

Comments

[Сергей delphinpro]

пример скопированного кода.
пример использования.

[Ankhena]

Валидатор и гугл не учитывают друг друга?

Гугл не учитывает даже собственный page speed

[ProgerMir]

Сергей delphinpro, вроде найден ответ. Скорее всего, код был устаревшим. Только что скопировал шрифты в google fonts, и они без ошибок, того символа теперь там нет. Код с ошибкой

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,800,800italic,300italic|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i">

Код без ошибки

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">

Answer 1

[ProgerMir]

Вроде нашел ответ. Код на сайте был устаревшим, и теперь шрифты с гугла копируются в другом коде. Пример кода, в котором валидатор отмечает ошибку в символе "|":

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,800,800italic,300italic|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i">

И пример кода без ошибки, который теперь копируется из шрифтов:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">