font-weight: bold not works in safari

given CSS

@font-face {

 font-family: Frutiger;

 src: url('../fonts/frutiger_ce_45_light.otf'),

   url('../fonts/frutiger_ce_45_light.ttf') format('truetype'),

   url('../fonts/frutiger_ce_45_light.woff') format("woff"),

   url('../fonts/frutiger_ce_45_light.eot') format('embedded-opentype'),

   url('../fonts/frutiger_ce_45_light.eot?#iefix') format('embedded-opentype');

}



.someBoldFont {

 font-family: Frutiger;

}

<span class="someBoldFont">hello world</span>

you'll notice that the word wont bold in Safari


here are the solution

@font-face {

 font-family: Frutiger;



 /* add this 2 style rule */

 font-weight: normal;

 font-style: normal;

 /* end add */



 src: url('../fonts/frutiger_ce_45_light.otf'),

   url('../fonts/frutiger_ce_45_light.ttf') format('truetype'),

   url('../fonts/frutiger_ce_45_light.woff') format("woff"),

   url('../fonts/frutiger_ce_45_light.eot') format('embedded-opentype'),

   url('../fonts/frutiger_ce_45_light.eot?#iefix') format('embedded-opentype');

}