ipfs-inactive
diff --git a/‎build/css.js
-81 b/‎build/css.js
-81
diff --git a/‎components/Heading.jsx
+2-2 b/‎components/Heading.jsx
+2-2
diff --git a/‎components/Html.jsx
+3-4 b/‎components/Html.jsx
+3-4
diff --git a/‎fonts/inter.css
-41 b/‎fonts/inter.css
-41
diff --git a/‎fonts/inter/.gitattributes
-3 b/‎fonts/inter/.gitattributes
-3
diff --git a/‎fonts/inter/.gitignore
-22 b/‎fonts/inter/.gitignore
-22
diff --git a/‎fonts/inter/CODE_OF_CONDUCT.md
-46 b/‎fonts/inter/CODE_OF_CONDUCT.md
-46
@@ -5,7 +5,7 @@ export const PosterH1 = Text.withComponent('h1')
 
 PosterH1.defaultProps = {
   color: 'white',
-  fontFamily: 1,
+  fontFamily: 'montserrat',
   fontSize: 5,
   fontWeight: 400
 }
@@ -15,7 +15,7 @@ export const PosterH2 = Text.withComponent('h2')
 
 PosterH2.defaultProps = {
   color: 'aqua',
-  fontFamily: 1,
+  fontFamily: 'montserrat',
   fontSize: 4,
   fontWeight: 400
 }
 
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { ThemeProvider } from 'styled-components'
-import theme from '../theme.json'
+import theme from 'ipfs-css/theme.json'
 
 const Html = ({ title = '', description = '', relativePathToRoot = '', styleTags, children }) => (
   <html>
@@ -12,11 +12,10 @@ const Html = ({ title = '', description = '', relativePathToRoot = '', styleTags
       <meta name='description' content={description} />
       <title>{title}</title>
       {styleTags}
-      <link href='fonts/montserrat.css' rel='stylesheet' />
-      <link href='fonts/inter.css' rel='stylesheet' />
+      <link href='ipfs.css' rel='stylesheet' />
     </head>
     <ThemeProvider theme={theme}>
-      <body style={{margin: 0, fontFamily: theme.fonts[0], color: theme.colors.charcoal, backgroundColor: 'white'}}>
+      <body style={{margin: 0, fontFamily: theme.fonts['sans-serif'], color: theme.colors.charcoal, backgroundColor: 'white'}}>
         {children}
       </body>
     </ThemeProvider>