查询中的非法字符：不是URL代码点

Question

我有验证器问题：

元素链接上属性href的值http://fonts.googleapis.com/css?family=Dosis:400,700,800|Varela+Round|Architects+Daughter：查询中的非法字符：不是URL代码点。

但我有以下代码，任何地方都没有空格：

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

Answer 1

链接href中的

更改|由％7C

Answer 2

有两种方法可以解决此验证问题：

1. 网址对|元素的href属性中的link（垂直条/线）字符进行编码（%7C）：

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

2. 将字体包含在多个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">