Lato Font-Weight Broken in IE8 (Fine in IE9)

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Using Lato with IE8 as viewed here: http://www.mikegallphotography.com/

What is the expected output? What do you see instead?
Expected output (as on all other browsers) is a normal font weight of 400 for 
the bulk of the text. On IE8, however, the font weight is 100 and the font is 
"hairline". This has been confirmed by directly accessing the API, it simply 
generates the hairline style, leaving all other selections out.

What version of the product are you using? On what operating system?
Current version (via API) on Windows XP and Windows 7. The issue only seems to 
affect IE8, and is a recent issue (worked perfectly previous to Tuesday, April 
12th).

Please provide any additional information below.
This is a new issue, and may have something to do with how Google detects and 
serves the files to each browser. I do not have hairline included in my API 
call, however that is the only version I'm getting fed in IE8.

Original issue reported on code.google.com by leoghost...@gtempaccount.com on 15 Apr 2011 at 2:01

[GoogleCodeExporter]

Hi there. I came across this problem in past few days also - having 
experimented a bit I found that switching to the @import method to call up the 
font seems to fix it.

<style type="text/css">  @import 
url("http://fonts.googleapis.com/css?family=Lato");</style> 

Original comment by livewire...@gmail.com on 18 Apr 2011 at 4:14

[GoogleCodeExporter]

I also had this same issue with clients using IE7 and IE8. I'll try this import 
method first, then switch over to font squirrel if needed. Hopefully with the 
launch of IE9, IE7 and 8 will slowly disappear and we can end all this wasted 
dev time for crap browsers.

Original comment by *msa...@xylemdigital.com on 5 May 2011 at 3:59

[GoogleCodeExporter]

Original comment by pathum...@gmail.com on 26 Aug 2014 at 10:12

• Added labels: OpSys-Windows