From 60d535679d53d95cc63b2884033567e367845167 Mon Sep 17 00:00:00 2001
From: JP DeVries <mail@devries.jp>
Date: Mon, 20 Mar 2017 17:18:52 +0100
Subject: [PATCH] Defer Font Loading

Closes https://github.com/Thinkful-Ed/css_layout_exercises_starter_files/issues/43
---
 index.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 04870caf..8a2887f4 100644
--- a/index.html
+++ b/index.html
@@ -4,14 +4,15 @@
   <title>CSS Layout Exercises | Home</title>
   <meta charset="utf-8" name="description" content="Layout exercise for Thinkful's front end web development course">
 
-  <!-- fonts  -->
-  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
-
   <!-- reset -->
   <!-- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css"> -->
 
   <!-- styles -->
   <link rel="stylesheet" type="text/css" href="main.css">
+  
+    <!-- fonts  -->
+  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" media="none" onload="this.media='all'">
+  <noscript><link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" media="all"></noscript>
 </head>
 <body>
   <h1>CSS layout exercises</h1>
@@ -20,4 +21,4 @@ <h1>CSS layout exercises</h1>
     <p><a href="float-exercise.html">Solution: Float Exercise</a></p>
   </ul>
 </body>
-</html>
\ No newline at end of file
+</html>
