From 2eb1cb660bf398e0785d019749e4eac98349ef51 Mon Sep 17 00:00:00 2001
From: Harry Roberts <csswizardry@gmail.com>
Date: Tue, 6 Mar 2018 12:21:46 +0000
Subject: [PATCH] [refs #00016] Remove @imported CSS

The @import directive creates a very synchronous, sequential way of
downloading CSS, completely removing our ability to parallelise. By
breaking our CSS out into two separate link elements in the HTML, we can
begin to download the files completely side-by-side.
---
 _includes/head.html | 4 +++-
 css/common.css      | 1 -
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 1e1ff6a..979d82f 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -4,5 +4,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-	  <link rel="stylesheet" href="/css/common.css" />
+
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic" />
+    <link rel="stylesheet" href="/css/common.css" />
   </head>
diff --git a/css/common.css b/css/common.css
index 7578c3a..58b0e5a 100644
--- a/css/common.css
+++ b/css/common.css
@@ -1,6 +1,5 @@
 @charset "UTF-8";
 /*! Gutenberg reset — adapted from Normalize */
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);
 html {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;