diff --git a/public/index.html b/public/index.html
index d0029d9..30a6dff 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,7 +13,9 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,500,700">
     <title>HyperStatic</title>
+
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/App.js b/src/App.js
index 6700990..96f4e40 100644
--- a/src/App.js
+++ b/src/App.js
@@ -32,10 +32,7 @@ class App extends Component {
     return (
       <Router>
         <div>
-          <Helmet
-            titleTemplate={`${siteTitle} | %s`}
-            link={[{rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Open+Sans'}]}
-          />
+          <Helmet titleTemplate={`${siteTitle} | %s`} />
           <Nav>
             <Logo>🍉</Logo>
             {routes.map((route, i) => (
diff --git a/src/components/PageHeader.js b/src/components/PageHeader.js
index bc84693..1bb593d 100644
--- a/src/components/PageHeader.js
+++ b/src/components/PageHeader.js
@@ -10,7 +10,7 @@ const Header = styled(Section)`
   background: ${color.primary};
   color: white;
   h2{
-    font-weight: 100;
+    font-weight: 200;
   }
 `
 
diff --git a/src/globalStyles.js b/src/globalStyles.js
index 9404d51..2c0c626 100644
--- a/src/globalStyles.js
+++ b/src/globalStyles.js
@@ -25,7 +25,7 @@ export default () => injectGlobal`
   }
 
   body {
-    font-family: ${font.primary};
+    font-family: ${font.system};
     min-height: 100vh;
     position: relative;
     background: white;
