Lato IE8缺少笔画

时间:2014-03-14 11:44:45

标签: css fonts font-face webfonts

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

仅在使用 font-size 13px和其他较小的(例如11px)时才会出现此问题。

我使用来自 Lato 网站(http://www.latofonts.com/)和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 Fonts

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

1 个答案:

答案 0 :(得分:0)

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