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>