diff --git a/html.js b/html.js
index 53afdb1..b91163f 100644
--- a/html.js
+++ b/html.js
@@ -1,7 +1,8 @@
import React from 'react'
import DocumentTitle from 'react-document-title'
import { prefixLink } from 'gatsby-helpers'
-import { TypographyStyle } from 'utils/typography'
+import { TypographyStyle } from 'typography-react'
+import typography from './utils/typography'
const BUILD_TIME = new Date().getTime()
@@ -29,7 +30,7 @@ module.exports = React.createClass({
content="width=device-width, initial-scale=1.0 maximum-scale=5.0"
/>
{title}
-
+
{css}
diff --git a/package.json b/package.json
index 7162cb3..a550694 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,8 @@
"react-responsive-grid": "^0.3.3",
"react-router": "^2.4.1",
"safe-access": "^0.1.0",
- "typography": "^0.8.3",
+ "typography": "^0.10.2",
+ "typography-react": "^0.10.3",
"underscore.string": "^3.2.3"
},
"devDependencies": {
diff --git a/utils/typography.js b/utils/typography.js
index 05bca1b..bd28682 100644
--- a/utils/typography.js
+++ b/utils/typography.js
@@ -3,7 +3,6 @@ import Typography from 'typography'
const options = {
baseFontSize: '18px',
baseLineHeight: '27px',
- headerWeight: 900,
}
const typography = new Typography(options)