Add more font versions for Roboto

common/custom.css

@@ -1,27 +1,28 @@
 /* Your local CSS File */
-@font-face {  font-family: 'Roboto';  font-style: italic;  font-weight: 100;  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../fonts/Roboto-ThinItalic.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: italic;  font-weight: 100;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100;  src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/Roboto-Thin.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: italic;  font-weight: 100;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: italic;  font-weight: 300;  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../fonts/Roboto-LightItalic.ttf') format('truetype');}
 
-@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;  src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto-Light.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: italic;  font-weight: 300;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: italic;  font-weight: 400;  src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/Roboto-Italic.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 300;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 400;  src: local('Roboto Regular'), local('Roboto-Regular'), url('../fonts/Roboto-Regular.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: italic;  font-weight: 400;   src: url("../fonts/Roboto-Italic.eot");  src: url("../fonts/Roboto-Italic.eot?#iefix") format('embedded-opentype'), url("../fonts/Roboto-Italic.woff2") format('woff2'), url("../fonts/Roboto-Italic.woff") format('woff'), url("../fonts/Roboto-Italic.ttf") format('truetype');  }
 
-@font-face {  font-family: 'Roboto';  font-style: italic;  font-weight: 500;  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/Roboto-MediumItalic.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 400;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 500;  src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto-Medium.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: italic;  font-weight: 500;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: italic;  font-weight: 700;  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/Roboto-BoldItalic.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 500;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 700;  src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto-Bold.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: italic;  font-weight: 700;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: italic;  font-weight: 900;  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/Roboto-BlackItalic.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 700;   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');  }
 
-@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 900;  src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/Roboto-Black.ttf') format('truetype');}
+@font-face {  font-family: "Roboto";  font-style: italic;  font-weight: 900;   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');  }
+
+@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 900;   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');  }
 
 @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v17-latin-300.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-300.woff') format('woff'), url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); font-display: swap;}