Roboto Ultra-Light 100 IE compatibility issue

IlyaVishnyakov

Hi there, I have a weird font problem with my website, Roboto Ultra Light font (font weight 100) doesn’t work in IE. Here’s an example: if you open this page in chrome, iOS or android device titles’ font is Roboto Ultra Light 100 http://www.ilyavishnyakov.com/Wedding-prices If you open the same page in IE normal text is displayed correctly, but titles are a mess. IE substitutes titles’ font with Roboto 300 or 400 instead. Why is that?

I tried the following:

.sm-page-widget-folders .sm-tile-title,
.sm-page-widget-galleries .sm-tile-title,
.sm-page-widget-nodes .sm-tile-title,
.sm-page-widget-pages .sm-tile-title {
font-size: 44px;
font-weight: 100 !important;
font-family: Roboto;
}

I've also included this on entire site:

@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'), local('Roboto-Bold'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'RobotoThin';
font-style: normal;
font-weight: 100;
src: url(http://themes.googleusercontent.com/static/fonts/roboto/v9/PP2U5prMl9yvKSWVu6DtvPesZW2xOQ-xsNqO47m55DA.eot);
src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/PP2U5prMl9yvKSWVu6DtvPesZW2xOQ-xsNqO47m55DA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

Every page with text exhibit this problem. As an example www.ilyavishnyakov.com/wedding-prices