Segoe UI Light Font Not displaying properly in Google Chrome

Question

I am using Segoe UI Light font in my website.

the css used is as follows.

.divMainHeader
{
font-family:Segoe UI;
font-size:28pt;
font-weight:lighter;         


        

Answer 1

Interesting ... I'm having almost the reverse problem ... I can get Segoe UI Light to render properly in Chrome and IE 10, but not in FF 21.

In another post some time back, it was suggested to use something similar to what Microsoft uses on their site ...

h1, h2, h3, h4, h5, h6, h7 {
    font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 300;
}

For the browsers that don't honor font-weight + the Segoe UI font, specifying Segoe UI Light first seems to guarantee that it renders the lighter weight font.

However, in FF 21, I'm still seeing the normal Segoe UI font regardless of what I try. Firebug indicates that it's choosing the Segoe UI font from the list.