From 409ae9b4860e32aeec26e308339156b380efaebe Mon Sep 17 00:00:00 2001
From: Uzair Sajid <uzee@uzeeinc.net>
Date: Wed, 22 Apr 2015 17:16:30 +0500
Subject: [PATCH] changed the font path in css, less, and scss file

---
 css/roboto-fontface.css  | 391 +++++++++++++++++++--------------------
 css/roboto-fontface.less |   2 +-
 css/roboto-fontface.scss |   2 +-
 3 files changed, 197 insertions(+), 198 deletions(-)

diff --git a/css/roboto-fontface.css b/css/roboto-fontface.css
index 5464bf5..74f3e73 100644
--- a/css/roboto-fontface.css
+++ b/css/roboto-fontface.css
@@ -1,264 +1,263 @@
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Thin.eot');
-    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Thin.woff2') format('woff2'),
-         url('fonts/Roboto-Thin.woff') format('woff'),
-         url('fonts/Roboto-Thin.ttf') format('truetype'),
-         url('fonts/Roboto-Thin.svg#Roboto') format('svg');
-    font-weight: 100;
-    font-style: normal;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Thin.eot');
+  src:  url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Thin.woff2') format('woff2'),
+        url('../fonts/Roboto-Thin.woff') format('woff'),
+        url('../fonts/Roboto-Thin.ttf') format('truetype'),
+        url('../fonts/Roboto-Thin.svg#Roboto') format('svg');
+  font-weight: 100;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Roboto-Thin';
-    src: url('fonts/Roboto-Thin.eot');
-    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Thin.woff2') format('woff2'),
-         url('fonts/Roboto-Thin.woff') format('woff'),
-         url('fonts/Roboto-Thin.ttf') format('truetype'),
-         url('fonts/Roboto-Thin.svg#Roboto') format('svg');
+  font-family: 'Roboto-Thin';
+  src:  url('../fonts/Roboto-Thin.eot');
+  src:  url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Thin.woff2') format('woff2'),
+        url('../fonts/Roboto-Thin.woff') format('woff'),
+        url('../fonts/Roboto-Thin.ttf') format('truetype'),
+        url('../fonts/Roboto-Thin.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-ThinItalic.eot');
-    src: url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
-         url('fonts/Roboto-ThinItalic.woff') format('woff'),
-         url('fonts/Roboto-ThinItalic.ttf') format('truetype'),
-         url('fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
-    font-weight: 100;
-    font-style: italic;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-ThinItalic.eot');
+  src:  url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
+        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
+  font-weight: 100;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Roboto-ThinItalic';
-    src: url('fonts/Roboto-ThinItalic.eot');
-    src: url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
-         url('fonts/Roboto-ThinItalic.woff') format('woff'),
-         url('fonts/Roboto-ThinItalic.ttf') format('truetype'),
-         url('fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
+  font-family: 'Roboto-ThinItalic';
+  src:  url('../fonts/Roboto-ThinItalic.eot');
+  src:  url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
+        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Light.eot');
-    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Light.woff2') format('woff2'),
-         url('fonts/Roboto-Light.woff') format('woff'),
-         url('fonts/Roboto-Light.ttf') format('truetype'),
-         url('fonts/Roboto-Light.svg#Roboto') format('svg');
-    font-weight: 300;
-    font-style: normal;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Light.eot');
+  src:  url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Light.woff2') format('woff2'),
+        url('../fonts/Roboto-Light.woff') format('woff'),
+        url('../fonts/Roboto-Light.ttf') format('truetype'),
+        url('../fonts/Roboto-Light.svg#Roboto') format('svg');
+  font-weight: 300;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Roboto-Light';
-    src: url('fonts/Roboto-Light.eot');
-    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Light.woff2') format('woff2'),
-         url('fonts/Roboto-Light.woff') format('woff'),
-         url('fonts/Roboto-Light.ttf') format('truetype'),
-         url('fonts/Roboto-Light.svg#Roboto') format('svg');
+  font-family: 'Roboto-Light';
+  src:  url('../fonts/Roboto-Light.eot');
+  src:  url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Light.woff2') format('woff2'),
+        url('../fonts/Roboto-Light.woff') format('woff'),
+        url('../fonts/Roboto-Light.ttf') format('truetype'),
+        url('../fonts/Roboto-Light.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-LightItalic.eot');
-    src: url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-LightItalic.woff2') format('woff2'),
-         url('fonts/Roboto-LightItalic.woff') format('woff'),
-         url('fonts/Roboto-LightItalic.ttf') format('truetype'),
-         url('fonts/Roboto-LightItalic.svg#Roboto') format('svg');
-    font-weight: 300;
-    font-style: italic;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-LightItalic.eot');
+  src:  url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-LightItalic.woff') format('woff'),
+        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-LightItalic.svg#Roboto') format('svg');
+  font-weight: 300;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Roboto-LightItalic';
-    src: url('fonts/Roboto-LightItalic.eot');
-    src: url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-LightItalic.woff2') format('woff2'),
-         url('fonts/Roboto-LightItalic.woff') format('woff'),
-         url('fonts/Roboto-LightItalic.ttf') format('truetype'),
-         url('fonts/Roboto-LightItalic.svg#Roboto') format('svg');
+  font-family: 'Roboto-LightItalic';
+  src:  url('../fonts/Roboto-LightItalic.eot');
+  src:  url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-LightItalic.woff') format('woff'),
+        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-LightItalic.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Regular.eot');
-    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Regular.woff2') format('woff2'),
-         url('fonts/Roboto-Regular.woff') format('woff'),
-         url('fonts/Roboto-Regular.ttf') format('truetype'),
-         url('fonts/Roboto-Regular.svg#Roboto') format('svg');
-    font-weight: 400;
-    font-style: normal;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Regular.eot');
+  src:  url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Regular.woff2') format('woff2'),
+        url('../fonts/Roboto-Regular.woff') format('woff'),
+        url('../fonts/Roboto-Regular.ttf') format('truetype'),
+        url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
+  font-weight: 400;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Roboto-Regular';
-    src: url('fonts/Roboto-Regular.eot');
-    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Regular.woff2') format('woff2'),
-         url('fonts/Roboto-Regular.woff') format('woff'),
-         url('fonts/Roboto-Regular.ttf') format('truetype'),
-         url('fonts/Roboto-Regular.svg#Roboto') format('svg');
+  font-family: 'Roboto-Regular';
+  src:  url('../fonts/Roboto-Regular.eot');
+  src:  url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Regular.woff2') format('woff2'),
+        url('../fonts/Roboto-Regular.woff') format('woff'),
+        url('../fonts/Roboto-Regular.ttf') format('truetype'),
+        url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-RegularItalic.eot');
-    src: url('fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-RegularItalic.woff2') format('woff2'),
-         url('fonts/Roboto-RegularItalic.woff') format('woff'),
-         url('fonts/Roboto-RegularItalic.ttf') format('truetype'),
-         url('fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
-    font-weight: 400;
-    font-style: italic;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-RegularItalic.eot');
+  src:  url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-RegularItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-RegularItalic.woff') format('woff'),
+        url('../fonts/Roboto-RegularItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
+  font-weight: 400;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Roboto-RegularItalic';
-    src: url('fonts/Roboto-RegularItalic.eot');
-    src: url('fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-RegularItalic.woff2') format('woff2'),
-         url('fonts/Roboto-RegularItalic.woff') format('woff'),
-         url('fonts/Roboto-RegularItalic.ttf') format('truetype'),
-         url('fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
+  font-family: 'Roboto-RegularItalic';
+  src:  url('../fonts/Roboto-RegularItalic.eot');
+  src:  url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-RegularItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-RegularItalic.woff') format('woff'),
+        url('../fonts/Roboto-RegularItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Medium.eot');
-    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Medium.woff2') format('woff2'),
-         url('fonts/Roboto-Medium.woff') format('woff'),
-         url('fonts/Roboto-Medium.ttf') format('truetype'),
-         url('fonts/Roboto-Medium.svg#Roboto') format('svg');
-    font-weight: 500;
-    font-style: normal;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Medium.eot');
+  src:  url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Medium.woff2') format('woff2'),
+        url('../fonts/Roboto-Medium.woff') format('woff'),
+        url('../fonts/Roboto-Medium.ttf') format('truetype'),
+        url('../fonts/Roboto-Medium.svg#Roboto') format('svg');
+  font-weight: 500;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Roboto-Medium';
-    src: url('fonts/Roboto-Medium.eot');
-    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Medium.woff2') format('woff2'),
-         url('fonts/Roboto-Medium.woff') format('woff'),
-         url('fonts/Roboto-Medium.ttf') format('truetype'),
-         url('fonts/Roboto-Medium.svg#Roboto') format('svg');
+  font-family: 'Roboto-Medium';
+  src:  url('../fonts/Roboto-Medium.eot');
+  src:  url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Medium.woff2') format('woff2'),
+        url('../fonts/Roboto-Medium.woff') format('woff'),
+        url('../fonts/Roboto-Medium.ttf') format('truetype'),
+        url('../fonts/Roboto-Medium.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-MediumItalic.eot');
-    src: url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
-         url('fonts/Roboto-MediumItalic.woff') format('woff'),
-         url('fonts/Roboto-MediumItalic.ttf') format('truetype'),
-         url('fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
-    font-weight: 500;
-    font-style: italic;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-MediumItalic.eot');
+  src:  url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
+        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
+  font-weight: 500;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Roboto-MediumItalic';
-    src: url('fonts/Roboto-MediumItalic.eot');
-    src: url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
-         url('fonts/Roboto-MediumItalic.woff') format('woff'),
-         url('fonts/Roboto-MediumItalic.ttf') format('truetype'),
-         url('fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
+  font-family: 'Roboto-MediumItalic';
+  src:  url('../fonts/Roboto-MediumItalic.eot');
+  src:  url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
+        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Bold.eot');
-    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Bold.woff2') format('woff2'),
-         url('fonts/Roboto-Bold.woff') format('woff'),
-         url('fonts/Roboto-Bold.ttf') format('truetype'),
-         url('fonts/Roboto-Bold.svg#Roboto') format('svg');
-    font-weight: 700;
-    font-style: normal;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Bold.eot');
+  src:  url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Bold.woff2') format('woff2'),
+        url('../fonts/Roboto-Bold.woff') format('woff'),
+        url('../fonts/Roboto-Bold.ttf') format('truetype'),
+        url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
+  font-weight: 700;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Roboto-Bold';
-    src: url('fonts/Roboto-Bold.eot');
-    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Bold.woff2') format('woff2'),
-         url('fonts/Roboto-Bold.woff') format('woff'),
-         url('fonts/Roboto-Bold.ttf') format('truetype'),
-         url('fonts/Roboto-Bold.svg#Roboto') format('svg');
+  font-family: 'Roboto-Bold';
+  src:  url('../fonts/Roboto-Bold.eot');
+  src:  url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Bold.woff2') format('woff2'),
+        url('../fonts/Roboto-Bold.woff') format('woff'),
+        url('../fonts/Roboto-Bold.ttf') format('truetype'),
+        url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-BoldItalic.eot');
-    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BoldItalic.woff') format('woff'),
-         url('fonts/Roboto-BoldItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
-    font-weight: 700;
-    font-style: italic;
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-BoldItalic.eot');
+  src:  url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
+        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
+  font-weight: 700;
+  font-style: italic;
 }
 
 @font-face {
-    font-family: 'Roboto-BoldItalic';
-    src: url('fonts/Roboto-BoldItalic.eot');
-    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BoldItalic.woff') format('woff'),
-         url('fonts/Roboto-BoldItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
-}
-
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-Black.eot');
-    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Black.woff2') format('woff2'),
-         url('fonts/Roboto-Black.woff') format('woff'),
-         url('fonts/Roboto-Black.ttf') format('truetype'),
-         url('fonts/Roboto-Black.svg#Roboto') format('svg');
-    font-weight: 900;
-    font-style: normal;
+  font-family: 'Roboto-BoldItalic';
+  src:  url('../fonts/Roboto-BoldItalic.eot');
+  src:  url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
+        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto-Black';
-    src: url('fonts/Roboto-Black.eot');
-    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-Black.woff2') format('woff2'),
-         url('fonts/Roboto-Black.woff') format('woff'),
-         url('fonts/Roboto-Black.ttf') format('truetype'),
-         url('fonts/Roboto-Black.svg#Roboto') format('svg');
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-Black.eot');
+  src:  url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Black.woff2') format('woff2'),
+        url('../fonts/Roboto-Black.woff') format('woff'),
+        url('../fonts/Roboto-Black.ttf') format('truetype'),
+        url('../fonts/Roboto-Black.svg#Roboto') format('svg');
+  font-weight: 900;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('fonts/Roboto-BlackItalic.eot');
-    src: url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BlackItalic.woff') format('woff'),
-         url('fonts/Roboto-BlackItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
-    font-weight: 900;
-    font-style: italic;
+  font-family: 'Roboto-Black';
+  src:  url('../fonts/Roboto-Black.eot');
+  src:  url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-Black.woff2') format('woff2'),
+        url('../fonts/Roboto-Black.woff') format('woff'),
+        url('../fonts/Roboto-Black.ttf') format('truetype'),
+        url('../fonts/Roboto-Black.svg#Roboto') format('svg');
 }
 
 @font-face {
-    font-family: 'Roboto-BlackItalic';
-    src: url('fonts/Roboto-BlackItalic.eot');
-    src: url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
-         url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
-         url('fonts/Roboto-BlackItalic.woff') format('woff'),
-         url('fonts/Roboto-BlackItalic.ttf') format('truetype'),
-         url('fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
+  font-family: 'Roboto';
+  src:  url('../fonts/Roboto-BlackItalic.eot');
+  src:  url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
+        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
+  font-weight: 900;
+  font-style: italic;
 }
+
+@font-face {
+  font-family: 'Roboto-BlackItalic';
+  src:  url('../fonts/Roboto-BlackItalic.eot');
+  src:  url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
+        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
+        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
+        url('../fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
+}
\ No newline at end of file
diff --git a/css/roboto-fontface.less b/css/roboto-fontface.less
index 9009779..ad8be20 100644
--- a/css/roboto-fontface.less
+++ b/css/roboto-fontface.less
@@ -1,4 +1,4 @@
-@roboto-font-path: 'fonts';
+@roboto-font-path: '../fonts';
 
 .roboto-font(@type, @weight, @style) {
     @font-face {
diff --git a/css/roboto-fontface.scss b/css/roboto-fontface.scss
index 85f4d09..28df00e 100644
--- a/css/roboto-fontface.scss
+++ b/css/roboto-fontface.scss
@@ -1,4 +1,4 @@
-$roboto-font-path: 'fonts' !default;
+$roboto-font-path: '../fonts' !default;
 
 @mixin roboto-font($type, $weight, $style: normal) {
     @font-face {