Web Storage demo: Remove webfonts (mdn#232)

ferdnyc · web-flow · commit 02651299e514 · 2023-11-16T08:29:11.000+01:00
* style.css: Don't force Open Sans Condensed

* index.html: Remove fixed webfonts

Just use the browser's configured sans-serif, serif, and monospace.

* event.html: Remove webfonts
diff --git a/web-storage/event.html b/web-storage/event.html
@@ -7,7 +7,6 @@
 
     <title>Web Storage API storage event output</title>
 
-    <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Bitter|Ubuntu+Mono' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="style.css">
   </head>
 
diff --git a/web-storage/index.html b/web-storage/index.html
@@ -7,7 +7,6 @@
 
     <title>Web Storage API example</title>
 
-    <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Bitter|Ubuntu+Mono' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="style.css">
   </head>
 
@@ -25,9 +24,9 @@ <h1>Web storage</h1>
       <div>
         <label for="font">Choose font style:</label>
         <select id="font">
-        	<option value="'Open Sans Condensed', sans-serif" selected>Sans-serif</option>
-        	<option value="'Bitter', serif">Serif</option>
-        	<option value="'Ubuntu Mono'">Monospace</option>
+        	<option value="sans-serif" selected>Sans-serif</option>
+        	<option value="serif">Serif</option>
+        	<option value="monospace">Monospace</option>
         </select>
       </div>
       <div>
diff --git a/web-storage/style.css b/web-storage/style.css
@@ -22,7 +22,7 @@ h1 {
 p,form,li {
 	font-size: 1.6rem;
 	line-height: 1.5;
-	font-family: 'Open Sans Condensed', sans-serif;
+	font-family: sans-serif;
 }
 
 /* Layout and styles */
@@ -151,4 +151,4 @@ img {
 	  bottom: -4rem;
     }
 
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ h1 {`
`22`	`22`	`p,form,li {`
`23`	`23`	`font-size: 1.6rem;`
`24`	`24`	`line-height: 1.5;`
`25`		`- font-family: 'Open Sans Condensed', sans-serif;`
	`25`	`+ font-family: sans-serif;`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`/* Layout and styles */`
`@@ -151,4 +151,4 @@ img {`
`151`	`151`	`bottom: -4rem;`
`152`	`152`	`}`
`153`	`153`
`154`		`-}`
	`154`	`+}`