font-weight: bold with @font-face not working in IE9

I'm using @font-face to define my own font:

@font-face{ 
    font-family: HelveticaNeue;
    src: url('fonts/helvlight_regular-webfont.eot');
    src: local("☺");
    src: url('fonts/helvlight_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvlight_regular-webfont.woff') format('woff'),
         url('fonts/helvlight_regular-webfont.ttf') format('truetype'),
         url('fonts/helvlight_regular-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{ 
    font-family: HelveticaNeue;
    src: url('fonts/helvlight_bold-webfont.eot');
    src: local("☺");
    src: url('fonts/helvlight_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvlight_bold-webfont.woff') format('woff'),
         url('fonts/helvetica_bold-webfont.ttf') format('truetype'),
         url('fonts/helvlight_bold-webfont.svg#webfont') format('svg');
    font-weight: bold;
    font-style: normal;
}

font-face rules was generated on Font Squirrel and afterwards I added font-weight and font-style rules. I use my custom font in CSS like this:

body {
    font: 16px HelveticaNeue, Verdana, sans-serif;
    color: black;
}

h1 {
    font-weight: bold;
    font-size: 2em;
}

and it works fine in Chrome, Firefox, Opera and Safari but it doesn't work in Internet Explorer.

I tried this @font-face works in IE8 but not IE9 to no success.

I also tried to change font-face name of bold style to HelveticaNeueBold and use it like:

h1 {
    font-family: HelveticaNeueBold;
    font-size: 2em;
}

and it works but this is not what I want of course. Also adding !important after bold didn't help. Any suggestions what I'm doing wrong?

Answers


IE doesn't support using a different font-weight than was specified in a @font-face rule.

You can read more about this here: @font-face IE9 font-weight doesn't work


Need Your Help

Appwidget size calculation

android android-4.0 android-3.0-honeycomb android-appwidget android-2.3-gingerbread

It might be me, but when I calculate minimum app widget sizes according to the formula given on the android page I don't get the right widget widths; The formula is as follows:

Fortran 90 difference between compaq visual fortran and gfortran

pointers memory-management fortran fortran90 gfortran

This may be a specific question, but I think it pertains to how memory is handled with these two compilers (Compaq visual Fortran Optimizing Compiler Version 6.5 and minGW). I am trying to get an i...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.