diff --git a/fonts/roboto/roboto.css b/fonts/roboto/roboto.css
index 55303a6ea4b..6a72f3c048d 100644
--- a/fonts/roboto/roboto.css
+++ b/fonts/roboto/roboto.css
@@ -1,6 +1,6 @@
 /**
  * Include Roboto Condensed font in your project
- * 
+ *
  * Download Roboto Condensed ttf files from Google Fonts and place it in the same directory of this CSS file
  * You can then use this font in your project by setting
  * font-face: "Roboto Condensed", Helvetica, Arial, sans-serif;
@@ -14,13 +14,13 @@
     font-family: "Roboto";
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'), url("Roboto-Light.ttf") format('truetype');
+    src: local('Roboto Light'), local('Roboto-Light'), url("/fonts/roboto/Roboto-Light.ttf") format('truetype');
 }
 @font-face {
     font-family: "Roboto";
     font-style: italic;
     font-weight: 300;
-    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("Roboto-LightItalic.ttf") format('truetype');
+    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("/fonts/roboto/Roboto-LightItalic.ttf") format('truetype');
 }
 
 /* Normal */
@@ -28,13 +28,13 @@
     font-family: "Roboto";
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto Regular'), local('Roboto-Regular'), url("Roboto-Regular.ttf") format('truetype');
+    src: local('Roboto Regular'), local('Roboto-Regular'), url("/fonts/roboto/Roboto-Regular.ttf") format('truetype');
 }
 @font-face {
     font-family: "Roboto";
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'), url("Roboto-Italic.ttf") format('truetype');
+    src: local('Roboto Italic'), local('Roboto-Italic'), url("/fonts/roboto/Roboto-Italic.ttf") format('truetype');
 }
 
 /* Bold */
@@ -42,11 +42,11 @@
     font-family: "Roboto";
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'), url("Roboto-Bold.ttf") format('truetype');
+    src: local('Roboto Bold'), local('Roboto-Bold'), url("/fonts/roboto/Roboto-Bold.ttf") format('truetype');
 }
 @font-face {
     font-family: "Roboto";
     font-style: italic;
     font-weight: 700;
-    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("Roboto-BoldItalic.ttf") format('truetype');
+    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("/fonts/roboto/Roboto-BoldItalic.ttf") format('truetype');
 }
\ No newline at end of file