在Internet Explorer 8中使用 Lato 字体时,我得到了这个奇怪的结果(在当前的Chrome和Firefox中看起来很好)。问题是缺少字母上的水平笔划。屏幕如下:
仅在使用 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字体的呈现方式与官方webfont文件不同? Google会以何种方式处理原始字体?
答案 0 :(得分:0)
我有同样的问题,但由于我的网页浏览器,我发现,不同计算机上的不同浏览器(如FF)显示缺少水平笔划。该错误可能与以下事实有关:该字体的创建者刚刚发布了2.0版本。谷歌仍有前一个。他们正在改变它,虽然拉丁字符不可用于另一个错误(参见http://www.latofonts.com/lato-free-fonts/下面的讨论)。