|元素 link 上的属性 href 不允许使用字符

Question

我在 .html 文件中有一个 link 元素：

<link href="https://fonts.googleapis.com/css?family=Lora|Merriweather:300,400" rel="stylesheet">

当我把它扔进https://validator.w3.org/时，它显示这个错误：

Bad value https://fonts.googleapis.com/css?family=Lora|Merriweather:300,400 for attribute href on element link: Illegal character in query: | is not allowed.

我该如何解决？

Answer 1

UrlEncode 有问题的 | 最终变成 %7C

<link href="https://fonts.googleapis.com/css?family=Lora%7CMerriweather:300,400" rel="stylesheet">

Answer 2

要在浏览器中显示 non-standard 字母和字符，plug-ins 您需要使用十六进制值。在你的情况下而不是 |你需要使用 %7C。

 <link href="https://fonts.googleapis.com/cssfamily=Lora%7CMerriweather:300,400" rel="stylesheet">

您可以查看更多here

|元素 link 上的属性 href 不允许使用字符

| character is not allowed for attribute href on element link

html

validation