1. ホーム
  2. html

[解決済み] Google フォントの URL が w3.org の HTML5 Validation を破る

2022-04-18 23:43:54

質問

このHTMLタグを使って、サイズの異なる3つのフォントを読み込んでいます。

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif">

1/2週間前まで、この機能は w3.org バリデータ HTML5 の場合は、このようなエラーが発生します。

 Line 14, Column 163: Bad value http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif for attribute href on element link: Illegal character in query: not a URL code point.

W3C Markup Validatorが今一つ好きになれないものは何でしょうか?

解決方法は?

をURLエンコードして | (パイプ文字) を含む href 属性( %7C ):

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic%7CPT+Serif:400,400italic%7CBree+Serif">