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

Could be because of various reasons:

1. Perhaps you are using the wrong font format. Chrome supports SVG, WOFF, TTF/OFT.
2. Taken the a wrong approach towards defining font-weight, which leads the browser to interpret the font-weight property wrongly

Sample: http://pastebin.com/FiGvAfTk

Are you defining your fonts properly?