css - Lato IE8 缺笔画

Question

我在 Internet Explorer 8 中使用 Lato 字体时得到了这个奇怪的结果(在当前的 Chrome 和 Firefox 中看起来不错)。问题是字母上缺少水平笔划。屏幕如下:

该问题仅在使用 font-size 13px 和其他一些较小的字体(例如 11px)时可见。

我使用来自 Lato 站点 ( http://www.latofonts.com/ ) 的官方 webfonts 文件和 CSS @font-face 语法(下面我只包含一个常规字体声明):

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  src: url("lato/LatoLatin-Regular.eot");                                    /* IE9 Compat Modes */
  src: url('lato/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url("lato/LatoLatin-Regular.woff")       format("woff"),              /* Modern Browsers */
       url("lato/LatoLatin-Regular.ttf")        format("truetype");          /* Safari, Android, iOS */
}

令人惊讶的是，当链接到 Google 字体版本时它在 IE8 中工作正常，而不是包括:

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

结果变成:

这个问题的原因是什么？有办法解决吗？为什么 Google 字体呈现方式与官方网络字体文件不同？ Google 以何种方式处理原始字体？

Answer 1

我有同样的问题，但由于我的网页查看器，我发现不同计算机上的不同浏览器(如 FF)显示缺少水平笔画。该错误可能与字体的创建者刚刚发布了 2.0 版本有关。谷歌还有以前的。他们正在更改它，尽管另一个错误导致拉丁字符不可用(请参阅下面关于 http://www.latofonts.com/lato-free-fonts/ 的讨论)。