IE8 ignores font-weight in css

[gabi]

Hello, I am new with @font-face

I am using Roboto font from Google fonts, with two different font-weight:
- Roboto Normal 400
- Roboto Light 300

Here are the references:

<link href='http://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>

@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/v9/5M21SdFLkD52QavfmHs6cA.ttf) format('truetype');
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com...u33qjShpZSmG3z6VYwnaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

body {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 400;
}

h3 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}

In all browsers it reneders fine, just in IE8 the font-weight is the same, it renders like the font-weight: 400.
I know this is a common problem, I tried pretty much every solution I could find, but nothing seems to be working until now.

Can you please give me some advice?
Thanks in advance

 

[chrishirst]

And is there a significant number of IE8 users viewing these documents to make it a worthwhile pursuit for a solution to a problem that quite probably only you will really notice?