Lato Font Missing Letters in Ie and Firefox

Lato font missing letters in IE and Firefox

Lato 2.0 was released on Google Fonts today, however it has a problem:

Adam Twardoch, font developer, says, "In Lato 1, I used FontLab Studio to autohint the two thinnest weights and ttfautohint for the rest. In Lato 2, I used ttfautohint for all. This seems to not have been a good idea. I'll see what I can do about it very soon."

Meanwhile, the Google Fonts API will rollback the update today.

https://code.google.com/p/googlefontdirectory/issues/detail?id=331

Lato font broken in Firefox

That's not how you implement a Google Fonts. Use the following tag in the head of your page:

<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

Then just simply specify Lato in the stylesheet.

How to make Google Fonts work in IE?

The method, as indicated by their technical considerations page, is correct - so you're definitely not doing anything wrong. However, this bug report on Google Code indicate that there is a problem with the fonts Google produced for this, specifically the IE version. This only seems to affect only some fonts, but it's a real bummmer.

The answers on the thread indicate that the problem lies with the files Google's serving up, so there's nothing you can do about it. The author suggest getting the fonts from alternative locations, like FontSquirrel, and serving it locally instead, in which case you might also be interested in sites like the League of Movable Type.

N.B. As of Oct 2010 the issue is reported as fixed and closed on the Google Code bug report.

Google web fonts in chrome, safari and ie on windows 7 - jagged, thing, and differently sized

You can specify a text-shadow of the same color as the background:

text-shadow: 0 1px 1px white;

---

Related Topics