Search code examples
google-chromecssfont-face

Chrome 19 not recognising font-weight: lighter


I just pulled up a project I'm working on to make some modifications, and noticed that declaration font-weight: lighter which is being served via @font-face and it is no longer working on the site (see image - top chrome, bottom ff). Nothing has changed on my system (Windows) since last night, bar being upgraded to Chrome 19.0.1084.46 today, which I presume is the problem, but I am wondering if anyone else has noticed this or if there is a fix?

Chrome vs FF font-weight: lighter

Thanks.


Solution

  • Try using a number instead the relative term lighter.

    For example: font-weight:100 will be the lightest.

    There's a handy article about relative and absolute font-weights here: http://webdesign.about.com/od/fonts/qt/aa031807.htm