🍱 Site > Add fonts

site/config/index.js

@@ -7,7 +7,7 @@ module.exports = {
     index: path.resolve(__dirname, '../dist/index.html'),
     assetsRoot: path.resolve(__dirname, '../dist'),
     assetsSubDirectory: 'static',
-    assetsPublicPath: '',
+    assetsPublicPath: '/keppler/',
     productionSourceMap: true,
     // Gzip off by default as many popular static hosts such as
     // Surge or Netlify already gzip all static assets for you.

site/src/style/fonts.styl

@@ -0,0 +1,11 @@
+@font-face
+    font-family 'Avenir'
+    src url('fonts/subset-Avenir-Medium.woff2') format('woff2'), url('fonts/subset-Avenir-Medium.woff') format('woff')
+    font-weight 500
+    font-style normal
+
+@font-face
+    font-family 'Avenir'
+    src url('fonts/subset-Avenir-Light.woff2') format('woff2'), url('fonts/subset-Avenir-Light.woff') format('woff')
+    font-weight 300
+    font-style normal

site/src/style/main.styl

@@ -1,4 +1,7 @@
 @import 'reset.styl'
+@import 'fonts.styl'
 
 body
     background: #eee
+    font-family Avenir
+    font-weight 500