From 9a2db56d9b99a5c75d817039427073d922eb9987 Mon Sep 17 00:00:00 2001
From: Narmada Muralikrishnan
 <71222021+letsbecometechie@users.noreply.github.com>
Date: Mon, 28 Aug 2023 20:00:47 +0530
Subject: [PATCH] Fix for Issue - Font link is invalid #26387 (#657)

Issue: Font link is invalid #26387
Invalid character in URL "|"

link : https://github.com/mdn/content/issues/26387

Fix: Encoded the '|' according to W3 standard.

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 accessibility/aria/website-aria-roles/index.html                | 2 +-
 accessibility/aria/website-no-roles/index.html                  | 2 +-
 accessibility/assessment-finished/index.html                    | 2 +-
 accessibility/assessment-finished/transcript.html               | 2 +-
 accessibility/assessment-start/assessment-files/index.html      | 2 +-
 accessibility/assessment-start/index.html                       | 2 +-
 accessibility/html/table-layout.html                            | 2 +-
 .../document_and_website_structure/index.html                   | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/accessibility/aria/website-aria-roles/index.html b/accessibility/aria/website-aria-roles/index.html
index 30d24314c..b1942a0d4 100644
--- a/accessibility/aria/website-aria-roles/index.html
+++ b/accessibility/aria/website-aria-roles/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width">
 
     <title>Example website with ARIA roles</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/accessibility/aria/website-no-roles/index.html b/accessibility/aria/website-no-roles/index.html
index b6282a0b9..a040e918b 100644
--- a/accessibility/aria/website-no-roles/index.html
+++ b/accessibility/aria/website-no-roles/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width">
 
     <title>Example website structure</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/accessibility/assessment-finished/index.html b/accessibility/assessment-finished/index.html
index 5b8cd1416..5054df557 100644
--- a/accessibility/assessment-finished/index.html
+++ b/accessibility/assessment-finished/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width">
 
     <title>Accessibility assessment</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/accessibility/assessment-finished/transcript.html b/accessibility/assessment-finished/transcript.html
index 8353fbb29..786f5a465 100644
--- a/accessibility/assessment-finished/transcript.html
+++ b/accessibility/assessment-finished/transcript.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width">
 
     <title>Transcript</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/accessibility/assessment-start/assessment-files/index.html b/accessibility/assessment-start/assessment-files/index.html
index de9f55f01..d6d2aa9bb 100644
--- a/accessibility/assessment-start/assessment-files/index.html
+++ b/accessibility/assessment-start/assessment-files/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width">
 
     <title>Accessibility assessment</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/accessibility/assessment-start/index.html b/accessibility/assessment-start/index.html
index 0dc3fa263..144e0356e 100644
--- a/accessibility/assessment-start/index.html
+++ b/accessibility/assessment-start/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width">
 
     <title>Accessibility assessment</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/accessibility/html/table-layout.html b/accessibility/html/table-layout.html
index 0edc01eb7..ee3b52930 100644
--- a/accessibility/html/table-layout.html
+++ b/accessibility/html/table-layout.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width">
 
     <title>My page title</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/html/introduction-to-html/document_and_website_structure/index.html b/html/introduction-to-html/document_and_website_structure/index.html
index 3e11764f3..24733ebd0 100644
--- a/html/introduction-to-html/document_and_website_structure/index.html
+++ b/html/introduction-to-html/document_and_website_structure/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
 
     <title>My page title</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CSonsie+One" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="style.css">
   </head>