Why the font "Segoe UI Light" is not displayed in FireFox 13.0

Question

On the website, I use the font "Segoe UI Light", which does not display properly in FireFox 13.0, while it works in IE9.

I made changes to css as below

font-family: Segoe UI; font-weight: lighter; 

but it does not work for me.

Please provide a solution for this.

Answer 1

Use only

 font-family: Segoe UI Light; 

without font-weight . What you are doing now is correct in principle, but Firefox, Chrome, etc. They cannot correctly select and use the font Segoe UI Light.

Answer 2

The following code worked for me and is compatible with all browsers

  font-family: "Segoe UI Light","Segoe UI"; font-weight: 300; 

Answer 3

You need to specify a family name:

 font-family: "Segoe UI"; font-weight: lighter; 

Answer 4

I grabbed css from the official Microsoft website, these two lines should work well. Put it in the body

 body { 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; }