diff --git a/font/roboto/Roboto-Bold.eot b/font/roboto/Roboto-Bold.eot
new file mode 100644
index 0000000000..b73776ee3b
Binary files /dev/null and b/font/roboto/Roboto-Bold.eot differ
diff --git a/font/roboto/Roboto-Light.eot b/font/roboto/Roboto-Light.eot
new file mode 100644
index 0000000000..072cdc480c
Binary files /dev/null and b/font/roboto/Roboto-Light.eot differ
diff --git a/font/roboto/Roboto-Medium.eot b/font/roboto/Roboto-Medium.eot
new file mode 100644
index 0000000000..f9ad99566d
Binary files /dev/null and b/font/roboto/Roboto-Medium.eot differ
diff --git a/font/roboto/Roboto-Regular.eot b/font/roboto/Roboto-Regular.eot
new file mode 100644
index 0000000000..9b5e8e4138
Binary files /dev/null and b/font/roboto/Roboto-Regular.eot differ
diff --git a/font/roboto/Roboto-Thin.eot b/font/roboto/Roboto-Thin.eot
new file mode 100644
index 0000000000..2284a3b3ef
Binary files /dev/null and b/font/roboto/Roboto-Thin.eot differ
diff --git a/sass/components/_roboto.scss b/sass/components/_roboto.scss
index 7ceb9d5c63..741ab5b224 100644
--- a/sass/components/_roboto.scss
+++ b/sass/components/_roboto.scss
@@ -1,14 +1,17 @@
 @font-face {
     font-family: "Roboto";
-    src: local(Roboto Thin),
+    src: local(Roboto Thin), url('#{$roboto-font-path}Roboto-Thin.eot');
+    src: url("#{$roboto-font-path}Roboto-Thin.eot?#iefix") format('embedded-opentype'),
         url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"),
         url("#{$roboto-font-path}Roboto-Thin.woff") format("woff"),
         url("#{$roboto-font-path}Roboto-Thin.ttf") format("truetype");
+
     font-weight: 200;
 }
 @font-face {
     font-family: "Roboto";
-    src: local(Roboto Light),
+    src: local(Roboto Light), url('#{$roboto-font-path}Roboto-Light.eot');
+    src: url("#{$roboto-font-path}Roboto-Light.eot?#iefix") format('embedded-opentype'),
         url("#{$roboto-font-path}Roboto-Light.woff2") format("woff2"),
         url("#{$roboto-font-path}Roboto-Light.woff") format("woff"),
         url("#{$roboto-font-path}Roboto-Light.ttf") format("truetype");
@@ -17,8 +20,8 @@
 
 @font-face {
     font-family: "Roboto";
-    src:
-        local(Roboto Regular),
+    src: local(Roboto Regular), url('#{$roboto-font-path}Roboto-Regular.eot');
+    src: url("#{$roboto-font-path}Roboto-Regular.eot?#iefix") format('embedded-opentype'),
         url("#{$roboto-font-path}Roboto-Regular.woff2") format("woff2"),
         url("#{$roboto-font-path}Roboto-Regular.woff") format("woff"),
         url("#{$roboto-font-path}Roboto-Regular.ttf") format("truetype");
@@ -27,7 +30,9 @@
 
 @font-face {
     font-family: "Roboto";
-    src: url("#{$roboto-font-path}Roboto-Medium.woff2") format("woff2"),
+    src: url('#{$roboto-font-path}Roboto-Medium.eot');
+    src: url("#{$roboto-font-path}Roboto-Medium.eot?#iefix") format('embedded-opentype'),
+        url("#{$roboto-font-path}Roboto-Medium.woff2") format("woff2"),
         url("#{$roboto-font-path}Roboto-Medium.woff") format("woff"),
         url("#{$roboto-font-path}Roboto-Medium.ttf") format("truetype");
     font-weight: 500;
@@ -35,7 +40,9 @@
 
 @font-face {
     font-family: "Roboto";
-    src: url("#{$roboto-font-path}Roboto-Bold.woff2") format("woff2"),
+    src: url('#{$roboto-font-path}Roboto-Bold.eot');
+    src: url("#{$roboto-font-path}Roboto-Bold.eot?#iefix") format('embedded-opentype'),
+        url("#{$roboto-font-path}Roboto-Bold.woff2") format("woff2"),
         url("#{$roboto-font-path}Roboto-Bold.woff") format("woff"),
         url("#{$roboto-font-path}Roboto-Bold.ttf") format("truetype");
     font-weight: 700;