add avenir next

client/styles/base/_base.scss

@@ -7,7 +7,7 @@ html, body {
 }
 
 body, input, button {
-	font-family: Montserrat, sans-serif;
+	font-family: 'Avenir Next', Montserrat, sans-serif;
 	color: $light-primary-text-color;
 }
 

client/styles/base/_typography.scss

@@ -0,0 +1,23 @@
+@font-face {
+  font-family: 'Avenir Next';
+  src: url('./fonts/AvenirNextLTW01-Medium.eot');
+  src: url('./fonts/AvenirNextLTW01-Medium.eot?#iefix') format('embedded-opentype'),
+       url('./fonts/AvenirNextLTW01-Medium.woff') format('woff'),
+       url('./fonts/AvenirNextLTW01-Medium.ttf')  format('truetype'),
+       url('./fonts/AvenirNextLTW01-Medium.svg#a89d6ad1-a04f-4a8f-b140-e55478dbea80') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Avenir Next';
+  src: url('./fonts/AvenirNextLTPro-Demi.eot');
+  src: url('./fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),
+    url('./fonts/AvenirNextLTPro-Demi.woff') format('woff'),
+    url('./fonts/AvenirNextLTPro-Demi.ttf') format('truetype'),
+    url('./fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
+  font-weight: bold;
+  font-style: normal;
+}
+
+

client/styles/main.scss

@@ -2,6 +2,7 @@
 @import 'abstracts/placeholders';
 
 @import 'base/reset';
+@import 'base/typography';
 @import 'base/base';
 
 @import 'vendors/codemirror';

webpack.config.dev.js

@@ -38,6 +38,10 @@ module.exports = {
       {
         test: /\.(svg|mp3)$/,
         loader: 'file'
+      },
+      {
+          test: /fonts\/.*\.(eot|svg|ttf|woff|woff2)$/,
+          loader: 'file'
       }
     ],
   },