diff --git a/site/content/examples/00-introduction/02-styling/App.svelte b/site/content/examples/00-introduction/02-styling/App.svelte
index cacaf8ccba..7148dcf10f 100644
--- a/site/content/examples/00-introduction/02-styling/App.svelte
+++ b/site/content/examples/00-introduction/02-styling/App.svelte
@@ -1,7 +1,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/examples/00-introduction/03-nested-components/App.svelte b/site/content/examples/00-introduction/03-nested-components/App.svelte
index e0a2e5fe17..bb97f50ace 100644
--- a/site/content/examples/00-introduction/03-nested-components/App.svelte
+++ b/site/content/examples/00-introduction/03-nested-components/App.svelte
@@ -5,7 +5,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte b/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte
index 75630ea99c..68dcc68636 100644
--- a/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte
+++ b/site/content/examples/04-events/05-dom-event-forwarding/FancyButton.svelte
@@ -1,6 +1,6 @@
 <style>
 	button {
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 		padding: 0.5em 1em;
 		color: royalblue;
diff --git a/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js b/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
index c7e10606c5..a18491b271 100644
--- a/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
+++ b/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
@@ -11,7 +11,7 @@ export const title = css`
 `;
 
 export const comicSans = css`
-	font-family: 'Comic Sans MS';
+	font-family: 'Comic Sans MS', cursive;
 `;
 
 export const box = css`
diff --git a/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte b/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte
index ab87af83d8..5feb02e701 100644
--- a/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte
+++ b/site/content/tutorial/01-introduction/04-styling/app-b/App.svelte
@@ -1,7 +1,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/01-introduction/04-styling/text.md b/site/content/tutorial/01-introduction/04-styling/text.md
index 9f285d2f51..71d031dcab 100644
--- a/site/content/tutorial/01-introduction/04-styling/text.md
+++ b/site/content/tutorial/01-introduction/04-styling/text.md
@@ -8,7 +8,7 @@ Just like in HTML, you can add a `<style>` tag to your component. Let's add some
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte b/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte
index ab87af83d8..5feb02e701 100644
--- a/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte
+++ b/site/content/tutorial/01-introduction/05-nested-components/app-a/App.svelte
@@ -1,7 +1,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte b/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte
index 9ba76665bf..f553eed355 100644
--- a/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte
+++ b/site/content/tutorial/01-introduction/05-nested-components/app-b/App.svelte
@@ -5,7 +5,7 @@
 <style>
 	p {
 		color: purple;
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}
 </style>
diff --git a/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte b/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte
index 9c3ae75809..b75f19a1f2 100644
--- a/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte
+++ b/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/FancyButton.svelte
@@ -1,6 +1,6 @@
 <style>
 	button {
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 		padding: 0.5em 1em;
 		color: royalblue;
diff --git a/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte b/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte
index 75630ea99c..68dcc68636 100644
--- a/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte
+++ b/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/FancyButton.svelte
@@ -1,6 +1,6 @@
 <style>
 	button {
-		font-family: 'Comic Sans MS';
+		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 		padding: 0.5em 1em;
 		color: royalblue;