Use Aktiv Grotesk in the Docs (#301) (#303)

afonsodelgado · mlent · commit 3bd562f14e1c · 2018-11-05T15:00:38.000+01:00
* Use Aktiv Grotesk in the Docs (#301) * Add aktiv-grotesk font-face to docs
diff --git a/docs/index.html b/docs/index.html
@@ -6,6 +6,23 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="icon" type="image/png" href="https://sumup.com/static/favicon.png">
+    <style>
+    @font-face {
+      font-family: 'aktiv-grotesk';
+      font-weight: 400;
+      src: url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff2') format('woff2'),
+        url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff') format('woff'),
+        url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.eot') format('embedded-opentype');
+    }
+
+    @font-face {
+      font-family: 'aktiv-grotesk';
+      font-weight: 700;
+      src: url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff2') format('woff2'),
+        url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff') format('woff'),
+        url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.eot') format('embedded-opentype');
+    }
+    </style>
     <title>{{ title }}</title>
   </head>
   <body>
diff --git a/doczrc.js b/doczrc.js
@@ -36,6 +36,12 @@ export default {
       codeBg: theme.colors.n100,
       codeColor: theme.colors.n700,
       preBg: theme.colors.n100
+    },
+    styles: {
+      body: {
+        fontFamily:
+          'aktiv-grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI"'
+      }
     }
   },
   modifyBundlerConfig: config => {
