--- a/client/src/index.scss	Tue Aug 14 20:34:50 2018 +0200
+++ b/client/src/index.scss	Tue Aug 14 20:39:55 2018 +0200
@@ -1,8 +1,21 @@
 @import './sass/bootstrap-custom';
 @import './sass/material-font';
 
+@font-face {
+    font-family: 'Rubik';
+    font-style: normal;
+    font-weight: 400;
+    src: url('assets/rubik-v7-latin-regular.eot'); /* IE9 Compat Modes */
+    src: local('Rubik'), local('Rubik-Regular'),
+         url('assets/rubik-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('assets/rubik-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+         url('assets/rubik-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
+         url('assets/rubik-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+         url('assets/rubik-v7-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
+  }
+
 body {
   margin: 0;
   padding-top: $navbar-height + $navbar-margin-bottom;
-  font-family: sans-serif;
+  font-family: 'Rubik', sans-serif;
 }