diff --git a/app/assets/stylesheets/new_styles/_typography.scss b/app/assets/stylesheets/new_styles/_typography.scss
index af01b9bb4b5a1a6075c963b41f48f1129077cb12..194caa9944e46784ad3bca34673d0422f8a7d9e4 100644
--- a/app/assets/stylesheets/new_styles/_typography.scss
+++ b/app/assets/stylesheets/new_styles/_typography.scss
@@ -1,19 +1,22 @@
 /* Roboto */
 @font-face {
   font-family : Roboto;
-  src : image-url('fonts/Roboto-Regular.ttf');
+  src :  url('https://themes.googleusercontent.com/font?kit=grlryt2bdKIyfMSOhzd1eA') format('woff'),
+        image-url('fonts/Roboto-Regular.ttf');
   weight : normal;
 }
 
 @font-face {
   font-family : Roboto-Bold;
-  src : image-url('fonts/Roboto-Bold.ttf');
+  src :  url('https://themes.googleusercontent.com/font?kit=vxNK-E6B13CyehuDCmvQvw') format('woff'),
+
+      image-url('fonts/Roboto-Bold.ttf');
   weight : normal;
 }
 
 @font-face {
   font-family : Roboto-Light;
-  src : image-url('fonts/Roboto-Light.ttf');
+  src :  url('https://themes.googleusercontent.com/font?kit=vxNK-E6B13CyehuDCmvQvw') format('woff'), image-url('fonts/Roboto-Light.ttf');
   weight : normal;
 }