diff --git a/client/app/fonts/Roboto-Bold.ttf b/client/app/fonts/Roboto-Bold.ttf
new file mode 100755
index 000000000..d3f01ad24
Binary files /dev/null and b/client/app/fonts/Roboto-Bold.ttf differ
diff --git a/client/app/fonts/Roboto-Italic.ttf b/client/app/fonts/Roboto-Italic.ttf
new file mode 100755
index 000000000..6a1cee5b2
Binary files /dev/null and b/client/app/fonts/Roboto-Italic.ttf differ
diff --git a/client/app/fonts/Roboto-Regular.ttf b/client/app/fonts/Roboto-Regular.ttf
new file mode 100755
index 000000000..2c97eeadf
Binary files /dev/null and b/client/app/fonts/Roboto-Regular.ttf differ
diff --git a/client/app/fonts/proximanova-regular.woff b/client/app/fonts/proximanova-regular.woff
deleted file mode 100644
index ce70b076a..000000000
Binary files a/client/app/fonts/proximanova-regular.woff and /dev/null differ
diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
index 75afc0f9e..2b4a366dd 100644
--- a/client/app/styles/_base.scss
+++ b/client/app/styles/_base.scss
@@ -3,16 +3,35 @@
 
 /* sass-lint:disable variable-for-property */
 @font-face {
-  font-family: 'proxima-nova';
-  src: url('../fonts/proximanova-regular.woff');
+  font-family: "Roboto";
+  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-  font-family: 'Roboto Mono';
-  src: url('../fonts/robotomono-regular.ttf');
+  font-family: "Roboto";
+  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../fonts/Roboto-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Roboto Mono";
+  src: url("../fonts/RobotoMono-Regular.ttf");
 }
 /* sass-lint:enable variable-for-property */
 
+* {
+  font-family: $font-family-regular;
+}
 a {
   text-decoration: none;
 }
diff --git a/client/app/styles/_variables.scss b/client/app/styles/_variables.scss
index 9ec1efc26..eca2ec245 100644
--- a/client/app/styles/_variables.scss
+++ b/client/app/styles/_variables.scss
@@ -47,3 +47,5 @@ $timeline-height: 55px;
 /* specific elements */
 $body-background-color: $color-purple-25;
 $label-background-color: transparentize($color-purple-25, 0.3);
+
+$font-family-regular: "Roboto";